/**
*
*  purpose of the stylesheet is to style the textual representation of the default page
*  @author: rsharp, AShrivastava
*  client: ESFRS
*  date created: 02/11/2009
*  @version: 1.0.1
*  @since: 1.0.0
*  1.0.0 - 02/11/2009 - Version 1 created.
*  1.0.1 - 17/11/2009 - annotations modified/added -rsharp
**/

/* main text rules for all elements which resets any preset browser rules */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, img, dl, dt,
dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
    font-weight:normal;
    font-style:normal;
    font-size:1em;
    font-family:verdana,helvetica,arial,sans-serif;
    line-height:1.5em;
}
caption, th, td {
    text-align:left;
    font-weight:normal;
}
/* body element (which holds everything else i.e. body>* */
body{
    color:#111;
    word-spacing:0;
    letter-spacing:0;
}
/* hyperlinks - must be in "LoVe-HAte-order" i.e. "Link-Visited-Hover/focus-Active". */
a:link, a:visited{
    color:#900000;
    text-decoration:underline;
}
a:hover, a:focus{
    color:#fff;
    background-color:#900000;
}
a:hover{
    text-decoration:none;
}


/* Accessibility-Bar options */

/* Style for whole accessibility bar which appears at top of page */
#accessibilityBar{
    text-align:center;
    vertical-align:middle;
}
/* hyperlinks within accessibility bar */
#accessibilityBar, #accessibilityBar a{
    text-decoration:none;
    color:#fff;
}
/* p (paragraph) tag within accessibility bar used for noscript message */
#accessibilityBar p{
    /*margin-top:27px;  Removed since it was causing the noscript-message to be rendered inconsistantly, text was being mis-alignment.
    display:block;*/
    text-align:left;
}
/* Styles particularly defined to be applied only on accessibility bar's style-switchers. */
#accessibilityBar a.defaultStyle{
    color:#111111;
    padding:0 2px;
    background-color:#dfdfdf;
    margin-left:1.5em;
}
#accessibilityBar a.hivizStyle{
    color:#00ffff;
    padding:0 2px;
    background-color:#000;
}
/* All textual hyperlinks must have underline (althought underline may appear or disappear on hover) */
#accessibilityBar a:hover, #accessibilityBar a.defaultStyle:hover, #accessibilityBar a.hivizStyle:hover,
#accessibilityBar a:focus, #accessibilityBar a.defaultStyle:focus, #accessibilityBar a.hivizStyle:focus{
    color:#fff;
    background-color:#900000;
}
#accessibilityBar a:hover, #accessibilityBar a.defaultStyle:hover, #accessibilityBar a.hivizStyle:hover{
    text-decoration:underline;
}
/* End of accessibility-bar options */


/* Search bar which holds the search box and find button on the top-right of page. */
#searchBar{
    text-align:right;
}
/* left, right and centre panels hold all content other than header and footer */
#leftPanel,#rightPanel,#centrePanel{
    text-align:left;/* align text to left so it's readable */
}
/* headers */
h1, h2, h3, h4, h5, h6, ul.documentList li.header, ol.documentList li.header{
    text-align:left;
    font-weight:bold;
    color:#900000;
    letter-spacing:.1ex;
    word-spacing:.2ex;
}
h1{
    /*display:none;/* do not display h1 as only on page for page readers. this is given
    display:block for printing when logo is removed */
    /* display:none does not work with page readers apparently. shawtrust recommend spanning
    off the screen */
    position: absolute;
    top: -30em;
    left: -300em;
}
h2,h3{
    font-size:1.1em;
}
h2{
    color:#fff;
}
h4{
    font-size:0.95em;
}
h5{
    font-size:.9em;
}
/* text for table elements */
table tr th{
    color:#900000;
    font-weight:bold;
    letter-spacing:.1ex;
    text-align:center;
}

table td{
    vertical-align:top;
}

/* span within document list */
ul.documentList li span, ol.documentList li span, p span{
    letter-spacing:.1ex;
    font-size:0.9em;
}

p{
    margin-top:10px;
    margin-bottom:10px;
}

/* form elements */
/* input e.g. text box */
input,textarea{
    color:#111;
}
input:focus,textarea:focus{
    color:#fff;
}

/* h3 style on communitySafety/careProvidersScheme.shtml*/
.wny {background-color:white;
    text-align:center;
    font-size:xx-large;

}

/* Beginning of SPECIFIC-CLASSES: */

/* ul and ol specific rules. Note: padding is needed for IE7. */
ol.olWithDecimal { list-style-type:decimal; list-style-position:outside; margin:0 0 5px 10px; padding:0 0 0 15px;}
ol.olWithRoman { list-style-type:lower-roman; list-style-position:outside; margin:0 0 5px 10px; padding:0 0 0 15px;}
ol.olWithAlphabets { list-style-type:lower-alpha; list-style-position:outside; margin:0 0 5px 10px; padding:0 0 0 15px;}
ol.olWithDecimal { list-style-type:decimal; list-style-position:outside; margin:0 0 5px 20px; padding:0 0 0 15px;}

ul.ulWithDisc { list-style-type:disc; list-style-position:outside; margin:0 0 5px 10px; padding:0 0 0 15px;}
ul.ulWithCircle { list-style-type:circle; list-style-position:outside; margin:0 0 5px 10px; padding:0 0 0 15px;}
ul.ulWithSquare { list-style-type:square; list-style-position:outside; margin:0 0 5px 10px; padding:0 0 0 15px;}


.massive {font-size:2em; color:#FFFFFF; background-color:#A90000;}

/* End of SPECIFIC-CLASSES */


/* Beginning of GENERAL-CLASSES (Can be used with all applicable tags): */

/* General clases for Text-alignment: */
.left{
    text-align:left;
}
.right{
    text-align:right;
}
.center, .centre{
    text-align:center;
}

/* General classes for Font/Text-size: */
.small{
    font-size:0.7em;
}
.normal{
    font-size:0.8em;
}
.large{
    font-size:1.0em;
}
.xLarge{
    font-size:1.2em;
}
.xxLarge{
    font-size:2em;
}

.xxxLarge{
     font-size:2.5em;
}

/* Following must be used to make text bold (Rather than using mark up <b> or <strong>) */
.strong{
    font-weight:bold;
    font-size:100%;
}
.stronger{
    font-weight:bolder;
    font-size:110%;
    line-height:95%;
}
.strongest{
    font-weight:bolder;
    font-size:120%;
    line-height:85%;
}
/* Any error message that is caused by user's input and needs user's attention */
.errMsg{
    font-weight:bold;
    color:#990000;
}

.redText {color:#900000;}
.redBackground {background-color:#900000;}
.yellowBackground{background-color:#FFF8C8;}
.whiteText{color:white;}

.noUnderline a {text-decoration:none;}
.noUnderline a:hover {text-decoration:underline;}
.noUnderline a:focus {text-decoration:underline;}

/* End of GENERAL-CLASSES: */