/*
    Community Directory
    
    CSS file for all public-facing areas
    
    Author: Robert Walpole
    Date: 03/04/2006
    Last Updated: 07/02/2008
    Version 1.5 - Positive Activities
*/

html, body
{
    height: 100%;
    font-size: 100%;
    background-color: #FFFFFF;
    font-family: verdana, arial, sans-serif;
    color: #000000;
    margin: 0%;
    padding: 0%;
}

img
{
    border: 0;
}

h1
{
    font-family: verdana, arial, sans-serif;
    font-size: 150%;
    font-weight: bold;
    color: #bb2b00;
    background-color: #FFFFFF;    
}

h2
{
    font-family: verdana, arial, sans-serif;
    font-size: 105%;
    font-weight: bold;
    color: #bb2b00;
    background-color: #FFFFFF;
}

h3
{
    font-family: verdana, arial, sans-serif;
    font-size: 95%;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
    text-transform: capitalize;
}

h4
{
    font-family: verdana, arial, sans-serif;
    font-size: 95%;
    font-weight: normal;
    font-style: italic;
    text-decoration: underline;
    color: #000000;
    background-color: #FFFFFF;
    text-transform: capitalize;
}

form
{
    float: left;
}

.space2
{
    margin: 0ex 0ex 0.25ex 0ex;
}

.stripe    /* green stripe at top of page */
{
    color: #000000;
    background-color: #7EC505;
    height: 1em;
    width: 100%;
    left: 0%;
    font-size: 1ex;    /* this is an ie hack - failure to include this means that the stripe will be no narrower that the inherited font-size! */
}

.search    /* main search section at top of screen (green) */ 
{
    float: left;
    font-size: 75%;
    color: #000000;
    background-color: #7EC505;
    height: auto;
    width: 100%;
    padding-top: 0.5ex;
    padding-bottom: 0.7ex;
    white-space: nowrap;
    margin: 0em 0em 0em 0em;
}   

.formsizer
{
    margin: 0em 0em 0em 0em;
}

.main /* main body of page below search and advanced search */
{
    float: left;
    width:100%;
}

#advance    /* advanced search box */
{
    float: left;
    color: #000000;
    background-color: #CCFF66;
    font-size: 75%;
    width: 100%;
    height: auto;
    padding-top: 0.4ex;
    padding-bottom: 0.45ex;
}

#advGo
{
    float: left;
}

.aligned    /* vertically aligns images in the advanced search box */
{
    vertical-align: bottom;
}

* html .aligned    /* vertically aligns images in the advanced search box - IE only */
{
    vertical-align: middle;
}

.options    /* "select mutliple options" text in advanced search box */
{
    font-weight: bold;
    padding-left: 0.8em;
}

.printmenu    /* contains image next to print and report options */
{
    float: left;
    margin-left: 1em;
}

.printmenu2    /* print and report options menu */
{
    float:left;
    margin-left: 1ex;
}

.devonline    /* applies to span which contains the devonline logo */
{
    float: right;
    margin-top: 0.5ex;
    margin-right: 1em;
    font-size: 65%;
}

.logo    /* this applies to the devonline logo itself */
{
    vertical-align: text-bottom;
}

.resultable    /* search results table (including breadcrumb trail) */
{
    width: 100%;
    float: left;
    font-size: 100%;
    margin-bottom: 1ex;
}

.breadcrumb    /* breadcrumb trail */
{
    width: 100%;
    float: left;
    font-size: 75%;
    /* font-weight: bold; */
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
    color: #000000;
    /* background-color: #CCFF66; - alternative light green background */
    background-color: #FFFFFF;
    border-bottom-width: 0.3ex;
    border-bottom-style: solid;
    border-bottom-color: #7EC505;
}

/*
.breadcrumb a:link
{
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
}

.breadcrumb a:visited
{
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
}

.breadcrumb a:hover
{
    color: #BB2B00;
    background-color: #FFFFFF;
    text-decoration: underline;
}

.breadcrumb a:focus
{
    text-decoration: underline;
}
*/

.results    /* this is the actual results table */
{
    float: left;
}

.favourites
{
    white-space: nowrap;
}

a.favourites:link    /* styles the 'my favourites' link on the navigation var */
{
    color: #bb2b00;
    background-color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

a.favourites:visited
{
    color: #bb2b00;
    background-color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

a.favourites:hover
{
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

a.favourites:focus    /* :focus provides the same effect as :hover when navigating using the keyboard - however it only works in Mozilla and not IE */
{
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

a.favourites:active
{
    color: #bb2b00;
    background-color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.menu
{
    white-space: nowrap;
}

a.menu:link    /* styles all links other than my favourites in the navigation menu */
{
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

a.menu:visited
{
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

a.menu:hover
{
    color: #bb2b00;
    background-color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

a.menu:focus    /* :focus provides the same effect as :hover when navigating using the keyboard - however it only works in Mozilla and not IE */
{
    color: #bb2b00;
    background-color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

a.menu:active
{
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

a.menu04:link
{
    color: #bb2b00;
    background-color: #FFFFFF;
    text-decoration: none;
    font-family: verdana, arial, sans-serif;
    font-size: 75%;
}

a.menu04:visited
{
    color: #bb2b00;
    background-color: #FFFFFF;
    text-decoration: none;
    font-family: verdana, arial, sans-serif;
    font-size: 75%;
}

a.menu04:hover
{
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: underline;
    font-family: verdana, arial, sans-serif;
    font-size: 75%;
}

a.menu04:focus    /* :focus provides the same effect as :hover when navigating using the keyboard - however it only works in Mozilla and not IE */
{
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: underline;
    font-family: verdana, arial, sans-serif;
    font-size: 75%;
}

a.menu04:active
{
    color: #bb2b00;
    background-color: #FFFFFF;
    text-decoration: none;
    font-family: verdana, arial, sans-serif;
    font-size: 75%;
}

.menu04fav    /* this makes the 'favourite?' option in group menu match the existing links */
{
    color: #bb2b00;
    background-color: #FFFFFF;
    text-decoration: none;
    font-family: verdana, arial, sans-serif;
    font-size: 75%;
}

.top
{
    margin: 0%;
    padding: 0%;
}

.topmenu    /* main navigation menu at top of page */
{
    z-index: 0;
    visibility: visible;
    font-family: verdana, arial, sans-serif;
    font-size: 80%;
    color: #999999;
    background-color: #FFFFFF;
    vertical-align: super;
}

.content
{
    z-index: 0;
    visibility: visible;
}

.strip02    /* large black strip behind page banner - makes graphic appear wider as necessary */
{
    width: 100%;
    height: 89px;     /* this has been left at pixel sizing as text resizing has no impact on this element */
    z-index: 0;
    visibility: visible;
    color: #FFFFFF;
    background-color: #000000;
    vertical-align: sub;
    white-space: nowrap;
}

#searchkeywords
{
    background-color: #FFFFFF;
    color: #000000;
    font-family: verdana, arial, sans-serif;
    width: 16.7em;
    margin: 0px 0px 0px 0px; 
}

* html #searchcatagories
{
    width: 15em;
}

#searchcategories
{
    background-color: #FFFFFF;
    font-family: verdana, arial, sans-serif;
    color: #000000;
}
#searchrecords
{
    background-color: #FFFFFF;
    color: #000000;
    font-family: verdana, arial, sans-serif;
    width: 15em;
}

.menu04
{
     font-size: 100%;
     font-family: verdana, arial, sans-serif;
     color: #000000;
     background-color: #FFFFFF;
}

table
{
    border-collapse: collapse;
}

tr.coloured    /* coloured rows in results table - not currently in use although class still exists in html */
{
    color: #000000;
    background-color: #F5F5F5;
} 

th
{
    background-color: #bb2b00;
    color: #FFFFFF;
    font-size: 90%;
    font-weight: normal;
    padding-right: 1ex;
    text-align: left;
}

td
{
    padding-right: 1ex;
    font-size: 75%;
    text-align: left;
    border-bottom-color: #ffa58a;
    border-bottom-width: 0.1ex;
    border-bottom-style: solid;
}

td.firstcol    /* the first column of the result table if not logged in - this is an empty column so is just for padding */
{
    width: 1em;
}

.final    /* this is the final cell in the result table and contains the "Results: x to y of z" statement */ 
{    
    border-bottom: 0ex;
    padding-top: 0.75ex;
    padding-left: 1ex;
}

.expiredtext
{
    font-size: 97%;
    font-weight: bold;
    color: #FF0000;
    background-color: #FFFFFF;
}

.seperator
{
    clear: both;
}

.communitygroup .address    /* this is used when viewing group details and divides the page vertically */
{
    float: right;
    margin: 0.25ex;
    text-align: right;
    vertical-align: top;
    clear: right;
    width: 48%;
}

/* TODO - the following code may no longer be required */
/* html .communitygroup .address    / * width for IE only to ensure correct display /
{
    width: auto;
} */

.communitygroup .group    /* this is the other half of the vertical split mentioned above */
{
    float: left;
    width: 48%;
}

/* TODO - the following code may no longer be required */
/* html .communitygroup .group    / * width for IE only to ensure correct display /
{
    width: auto;
} */

.communitygroup .metadata, .communitygroup .validation
{
    clear: both;
}
      
.label    /* this is the blue headings on the actual group info pages */
{
    font-weight: bold;
    color: #416628;
    background-color: #FFFFFF;
}
 
.error    /* this is the error message for an invalid username or password */
{
    font-size: 90%;
    font-weight: bold;
    color: #FF0000;
    background-color: #FFFFFF;
}

.newSearch
{
    font-size: 90%;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
}
    
.communitygroup ul
{
    list-style-image: url(../images/tick.gif);
}

li
{
    font-weight: normal;
    font-style: normal;
    line-height: normal;
}

li.nobullet2
{
    list-style-image: none;
    list-style-type: none;
    font-weight: bold;
    font-style: italic;
    line-height: 2em;
}

li.nobullet
{
    list-style-image: none;
    list-style-type: none;
}

.listhead
{
    font-size: 95%;
}

/* red flag */
.expired
{
    color: #FF0000;
    background-color: inherit;
}

.normal    /* this class is used for formatting standard labels */
{
    width: 8em;
    float: left;
    text-align: left;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
    font-weight: bold;
    font-size: smaller;
}

.above    /* this class is used to format labels above text boxes */
{
    font-weight: bold;
    font-size: smaller;
}

.logon    /* positions and sizes logon text boxes */
{
    width: 11em;
    margin-top: 0.3ex;
    margin-bottom: 0.3ex;
}

.login    /* positions login button */
{
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}

.template    /* this class is used for formatting the service template labels */
{
    width: 10em;
    float: left;
    text-align: left;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
} 

a.noline    /* this prevents a little line appearing next to the hyperlinked i button in IE */
{
    color: #CCFF66;
    background-color: inherit;
}

a.noline2     /* this prevents a little line appearing next to the sort ascending/descending buttons in IE */
{
    color: #bb2b00;
    background-color: inherit;
}

a.noline3    /* this prevents a little line appearing next to the hperlinked w3c logo in IE and also the logos on the About Us page */
{
    color: #FFFFFF;
    background-color: inherit;
}

.searchform    /* contains the keyword and category searches */
{
    float: left;
}

.gobutton /* aligns the search Go button */
{
    vertical-align: sub;
}

* html .gobutton    /* aligns the search Go button for IE only */
{
    vertical-align: baseline;
}

.textpage    /* positions standard text pages, e.g. group record pages */
{
    width: 95%;
    margin: 0em 1em 0em 1em;
}

.pages    /* positions search results page numbers */
{
   float:left;
   padding-left: 1em;
}

#current    /* flags current page in search results */
{
    font-weight: bold;
}

.w3c    /* positions the W3C Validaton buttons */
{
    float: right;
    padding-right: 1ex;
    padding-bottom: 1em;
}

.invisible    /* This is used to hide elements which exist for accessibility during normal browsing. Screen readers will still see these elements. */
{
    display: none;
}

#disclaimer    /* formats the disclaimer on printed lists */
{
    font-size: 75%;
}

.resultsfor
{
    font-size: 75%;
    padding-bottom: 1ex;
}

.boldText
{
    font-weight: bold;
}

.floater    /* correctly aligns the elements in reports */
{
    float: left;
    clear: left;
    padding-top: 1ex;
    padding-bottom: 1ex;
}

#reportform    /* this is the form for emailing reports */
{
    font-size: 75%;
    padding: 1ex;
    border: solid 1px black;
    margin: 1ex;
}

/* CSS for checkbox search filters starts here */

.filterbox
{
    border: 1px solid #ccc;
    list-style: none;
    height: 4.5em;
    overflow: auto;
    width: auto;
    background-color: #ffffff;
    color: #000000;
    float:left;
}

* html .filterbox
{
    height: 5em;
}

.filterbox input
{
    vertical-align: middle;
}

#f1
{
    width: 11em;
}

* html #f1
{
    width: 12.5em;
}

#f2
{
    width: 16.5em;
}

#f3
{
    width: 10.5em;
}

#f4
{
    width: 15em;
}

#f5
{
    width: 15em;
}

.filterbox, .filterbox li
{
    margin: 0;
    padding: 0;
}

.filterbox label
{
    display: block;
    padding-left: 2em;
    padding-right: 0.5ex;
    margin-top: -0.15ex;
    margin-bottom: 0ex;
    text-indent: -2em;
}

* html .filterbox label
{
    height: 1%;
}

.filterbox label:hover, .filterbox label.hover
{
    /* background: #bb2b00; */
    /* background: #006600; */
    background: #000000;
    color: #ffffff;
}

.spacer
{
    float: left;
}

/* end of CSS for checkbox search filters */

/*  CSS for admin checkbox lists starts here */

.adminlist
{
    border: 1px solid #ccc;
    list-style: none;
    height: 20em;
    overflow: auto;
    width: 16em;
}

.adminlist, .adminlist li
{
    margin: 0;
    padding: 0;
}

.adminlist label
{
    display: block;
    padding-left: 25px;
    text-indent: -25px;
}

* html .adminlist label
{
    height: 1%;
}

.adminlist label:hover, .adminlist label.hover { background: #777; color: #fff; }

.adminbutton
{
    width: 18em;
}

/* end of CSS for admin checkbox lists */ 

#applications
{
    font-size: 75%;
}

.clearleft
{
    clear: left;
}

/* the Validate button on the expired and pending pages */
#validateButton
{
    padding-left: 1.5ex;
}

/* the double_sided print selection on the expired and pending pages */
#dsSelect
{
    padding-left: 1.5ex;
    font-size: 75%;
    padding-left: 2ex;
    padding-bottom: 1ex;
}

/* the div around the Iframe used to display PDF validation letters */
#letterFrame
{
    padding-top: 1ex;
}

/* the ajax loading icon on the expired and pending pages */
#ajaxload
{
    padding-left: 1ex;
}

@media print    /* hides the print icon in printed lists when actually printed out */
{
    #printlnk 
    {
        display: none;
    }
}

/* CSS for homepage starts here */

div.container
{
    text-align:center;
    width:98%;
    margin: 1%;
}

table#homepagetable
{
    margin-left:auto;
    margin-right: auto;
    width: 35em;

}

tr.homepagerow
{
    text-align:left; 
}

td.homepage
{
    text-align:left;
    font-size: 100%;
    border-bottom-width: 0ex;
}

td.homepagelast
{
    text-align:right;
    font-size: 100%;
    border-bottom-width: 0ex;
}

* html td.homepagelast
{
    padding-top: 1em;
}

h2.news
{
    color: #000000;
    background-color: #FFFFFF;
}

/* CSS for homepage ends here */

/* CSS for userguide starts here */

.italic
{
    font-style: italic;
}

.ugImage
{
    border: solid 2px #000000;
}

.imageRef
{
    font-size: 75%;
}

.underline
{
    text-decoration: underline;
}

.footnote
{
    font-size: 75%;
    font-style: italic;
}
/* CSS for userguide ends here */

/* Transport Direct CSS starts here */

#tdSubmit
{
    color: #264266;
    background-color: #ebebeb;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-bottom-color: #808080;
    border-top-color: #C0C0C0;
    border-right-color: #808080;
    border-left-color: #C0C0C0;
    border-width: 0.1ex;
    border-style: solid;
    cursor: pointer;
    width: auto;
    overflow: visible;
    padding: 0ex 0.3ex 0.2ex 0.3ex;
}

* html #tdSubmit    /* different size requried for IE */
{
    padding: 0ex 0.3ex 0ex 0.3ex;
}

#tdOrigin
{
    width: 11ex;
    border-color: #d3d3d3;
    border-width: 0.1ex;
    border-style: solid;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #ffffff;
    color: #000000;
    height: 1.3em;
    padding-left: 0.3ex;
}

* html #tdOrigin    /* different size required for IE */
{
    width: 15ex;
    height: 1.7em;
}

.tdPara
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 75%;
    text-align: left;
    margin: 0.7ex 0.7ex 0.7ex 0.7ex;
}

.tdBanner
{
    padding-top: 0.2ex;
    padding-bottom: 0.2ex;
    background-color: #330099;
    color: #ffffff;
}

.tdText
{
    background-color: #99ccff;
    color: #000000;
    padding-bottom: 0.2ex;
}

.tdLogo
{
    text-align: left;
    margin: 0.3ex 0.3ex 0.3ex 0.7ex;    
}

.tdBox
{
    width: 30ex;
    background-color: #99ccff;
    color: #000000;
    /* float: right; */
    margin-top: 1em;
}

#tdGroup
{
    float: right;
}

#tdEvent
{
    float: left;
}

/* Transport Direct CSS ends here */