/*******************************************************************************
   Basic HTML selectors still need to be prefixed with the "lia-custom-header"
   and "bskyb" class so they won't conflict with the Lithium
   Community CSS.

    An example of a common conflict goes like this...
   -    With no prefix, .bskyb the following generic CSS would affect all unordered list
       items on the page, whether intended or not:
           ul li { background:url(image/bullet.png) no-repeat 0 0; }

    -    With the prefix, we only affect unordered list items contained in the
       header and footer, as intended:
           .lia-custom-header ul li,
               .bskyb ul li
                   { background:url(image/bullet.png) no-repeat 0 0; }
*******************************************************************************/

.bskyb div,
.bskyb span,
.bskyb h1,
.bskyb h2,
.bskyb h3,
.bskyb h4,
.bskyb h5,
.bskyb h6,
.bskyb p,
.bskyb blockquote,
.bskyb pre,
.bskyb a,
.bskyb img,
.bskyb ol,
.bskyb ul,
.bskyb li,
.bskyb fieldset,
.bskyb form,
.bskyb label,
.bskyb legend,
.bskyb table,
.bskyb caption,
.bskyb tbody,
.bskyb tr,
.bskyb th,
.bskyb td,
.bskyb button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

.bskyb .clear {
    overflow: auto;
    width: 100%;
}

.bskyb .cb {
    clear: both
}

.bskyb .fl {
    float: left;
}

.bskyb .fr {
    float: right;
}

.bskyb ol,
.bskyb ul {
    list-style: none;
}

.bskyb .auralOnly{
    position:absolute;
    top:0;
    left:-9999px
}

.bskyb .auralOnly:focus{
    left:10px;
    top:5px;
    padding:5px 10px;
    background-color:#eee;
    border:solid 1px #333;
}




/*******************************************************************************
   Again, we need to wrap the header and footer content styles with
   the "lia-custom-header" or "bskyb" class because there is a
   possibility that generically named classes such as ".message-list" or
   ".content" may still conflict with the Lithium Community CSS.

    In general, it is also good practice to use company specific CSS classes to
   avoid CSS conflicts with third-party add-ons.
*******************************************************************************/


/* Standard Elements used */

.bskyb #globalNavDiv,
.bskyb #headerDiv,
.bskyb #footerDiv,
.bskyb #help {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    line-height: 130%;
    font-size: 100%;
}

.bskyb #headerDiv input,
.bskyb .auralOnly:focus {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
}

.bskyb #footerDiv,
.bskyb #globalNavDiv {
    line-height: 180%;
}

.bskyb #globalNavDiv a,
.bskyb #footerDiv a,
.bskyb #headerDiv a,
.bskyb #help a {
    text-decoration: none;
    color: #333;
}

.bskyb #globalNavDiv a:hover,
.bskyb #footerDiv a:hover,
.bskyb #headerDiv a:hover,
.bskyb #help a:hover {
    text-decoration: underline;
}

.bskyb #headerDiv .clear,
.bskyb #footerDiv .clear {
    overflow: auto;
    width: 100%;
}

/* --------------------------------------------------------------- */

/* Start: Global Nav */
.bskyb #globalNavDiv {
    text-align: center;
    background-color:  #0A1A3B;
    color: #F1F5F6;
    font-size: 0.6875em;
}


.bskyb #globalNavDiv a,
.bskyb #footerDiv a {
    color: #F1F5F6;
}
 
.bskyb #globalNavDiv  #globalNavOL,
.bskyb #footerDiv #footerLinksOL {
    margin: 0 auto;
    width: 974px;
    background-color: #0A1A3B;
    height: 2.5em;
}
 
.bskyb #globalNavDiv #globalNavOL li {  
    margin: 0.3em 0 0 0;
    padding: 0 14px 0.13em 12px;
    height: 1.5em;
    background: url('../images/bg_globalNavDivider.gif') no-repeat top right;
}  
 
.bskyb #globalNavDiv #globalNavOL li {
    float: right;
}
 
.bskyb #globalNavDiv ol#globalNavOL li.first {
    float: left;
    margin: 0.6em 0 0 0;
    padding: 0;
    background: none;
}
 
.bskyb #globalNavDiv ol#globalNavOL li.last {
    background: none;
    padding: 0 0 0 12px;
}
  
.bskyb #headerDiv span#textSizeSmall {
    cursor: pointer !important;
    padding-left: 7px;
    cursor: default;
}

.bskyb #headerDiv span#textSizeMedium {
    cursor: pointer !important;
    font-size: 1.36em;
    padding-left: 4px;
    cursor: default;
}

.bskyb #headerDiv span#textSizeLarge {
    cursor: pointer !important;
    font-size: 1.72em;
    padding-left: 4px;
    cursor: default;
}

.bskyb #headerDiv span#textSizeSmall:hover,
.bskyb #headerDiv span#textSizeMedium:hover,
.bskyb #headerDiv span#textSizeLarge:hover {
    text-decoration: underline !important;
}

/* End: Global Nav */

/* --------------------------------------------------------------- */

/* Start: Header */

#headerDiv {
    margin:0 auto;
    text-align: left;
    width: 974px;
    height: 158px;
    position: relative;
}

#headerDiv.noheader {
    display: none;
}

#headerDiv #skyLogo.nologo {
    display: none;
}

#LogoFlashPage{
    margin:17px 0 0 -3px;
}

#headerDiv #logoDiv {
    float: left;
}

#headerDiv #siteNavDiv {
    float: right;
    overflow: hidden;
}

#quickLinksOL li {
    float: right;
    font-size: 0.6875em;
    padding: 10px 0 5px 28px;
}

#quickLinksOL li.on {
    font-weight: bold;
}

#quickLinksOL li a {
    color: #333;
}

#quickLinksOL li a:hover {
    text-decoration: underline;
}

.welcome{
    color:black;
    padding-right:8px;
    font-weight:normal;
}

/* End: Header */



/* Main Navigation */
#primaryLinksOL, #primaryLinksOL li a, #secondaryLinksOL, #secondaryLinksOL li a { background-image: url('bg_primaryNav.gif'); }
#primaryLinksOL { width:974px; overflow:hidden; margin: 11px 0px 20px; background-color:#dee5e5;  background-repeat:no-repeat; }
#primaryLinksOL li { float:left; width:139px; height:32px; font-size:0.75em; cursor:pointer; }
#primaryLinksOL li a, #primaryLinksOL li a:visited, #primaryLinksOL li a:active { display:block; padding:6px 0; line-height:20px; text-align:center; color:#333; }
#primaryLinksOL li.on a, #primaryLinksOL li.on a:visited, #primaryLinksOL li a:hover { color:#fff; }

#secondaryLinksLI { position:relative; width:100% !important; background-color:#f8f9f9; }
#secondaryLinksOL { float:left; width:100%; background-position:0px -300px; cursor:default !important; }
#secondaryLinksOL li { width:auto; margin-top:1px; font-size:0.9166em; text-align:center; }
#secondaryLinksOL li span { line-height:30px; cursor:default !important; }
#secondaryLinksOL li a, #secondaryLinksOL li a:visited, #secondaryLinksOL li a:active { float:left; padding: 4px 12px 4px 10px; border-bottom:solid 2px #C4D0D0; border-right:solid 2px #FFF; color:#333 !important; background-position:0 -200px; cursor:pointer; }
#secondaryLinksOL li a:hover { border-bottom: 2px solid #0078ad; color:#333 !important; text-decoration: none; }
#secondaryLinksOL li.on a { color:#0A1A3B; border-bottom:solid 2px #0077ae !important; background-color:#e0e8ea !important; background-position:100% -200px !important; }
#secondaryLinksLI.hidden2ndLevel { height: 1px; overflow: hidden; }

#navItem1 a { background-position: 0px 0px !important; }
#navItem2 a { background-position: -139px 0px !important; }
#navItem3 a { background-position: -278px 0px !important; }
#navItem4 a { background-position: -417px 0px !important; }
#navItem5 a { background-position: -556px 0px !important; }
#navItem6 a { background-position: -695px 0px !important; }
#navItem7 a { background-position: -834px 0px !important; }

#navItem1.on a, #navItem1 a:hover { background-position: 0px -100px !important; }
#navItem2.on a, #navItem2 a:hover { background-position: -139px -100px !important; }
#navItem3.on a, #navItem3 a:hover { background-position: -278px -100px !important; }
#navItem4.on a, #navItem4 a:hover { background-position: -417px -100px !important; }
#navItem5.on a, #navItem5 a:hover { background-position: -556px -100px !important; }
#navItem6.on a, #navItem6 a:hover { background-position: -695px -100px !important; }
#navItem7.on a, #navItem7 a:hover { background-position: -834px -100px !important; }

#headerDiv #skyLogo, #headerDiv #skyPrintLogo {
    width:105;
    margin:17px 0 0 -3px;
}

#headerDiv #skyPrintLogo {
    bottom:43px;
    left:-3px;
    position:absolute;
    visibility: hidden;
}

#helpcentreLogo{
    margin:10px 0 0 9px;
    background: url(logo_helpcentre.png) no-repeat 0 0;
    width:137px;
    height:75px;
}

#helpcentreLogo:hover{
    background-position: 0 -120px;
}
#helpcentreLogo #helpcentreLogoLink{
    height:100%;
    width:100%;
	color:transparent;
}

#interNavLinks {
    font-size: 0.6875em;
    height: 87px;
    overflow: hidden;
    width: 974px;
}

#interNavLinks a,
#interNavLinks span {
    color: #333333;
    display: inline-block;
    height: 17px;
}

#interNavLinks span{
    color:#333;
}

div#interNavLinks div.section{
    float:left;
}

div#interNavLinks div.section.links{
  margin-top:31px;
  width:291px;
  float: right;
}

div#interNavLinks div.links.section span a{
  padding-left: 28px;
  line-height: 11px;
  font-size: 10px;
  float:left;
}

a#forums{
    margin-left:35px;
    width:55px;
    height: 35px;
	padding-top:5px;
}

a#serviceStatus{
    width:55px;
    padding-top:5px;
    background-position:0 -1px;
    height: 30px;  
}

a#contactUs{
    padding-top:10px;
    height: 25px;
}

div#interNavLinks div.section.links span a#serviceStatus:hover,
div#interNavLinks div.section.links span a#contactUs:hover{
    background-position:0 -30px !important;
    color:#0077ae;
}

div#interNavLinks div.section.links span a#forums:hover{
    text-decoration:none;
}

div.greySearchSurround{
    height:29px;
    margin:30px 0 0 25px;
    width:405px;
    background-color:#D0DAD9;
    background-position:0 -1440px;
    background-repeat:no-repeat;
    border:1px solid #A5B5B5;
    overflow:hidden;
    padding:3px 0 3px 3px;
}

div.searchBox{
    width:286px;
    height:27px;
    background:none repeat scroll 0 0 #FFFFFF;
    border-color:#8B999A #A7B6B6 #A7B6B6 #8B999A;
    border-right:1px solid #A7B6B6;
    border-style:solid;
    border-width:1px;
    float:left;
}

div.searchBox input{
    margin: 4px 8px 4px 8px;
    border: none;
    padding: 0 0 0 0;
    height:19px;
    width:270px;
    border:none 0 transparent;
}

div.searchButton {
    margin-left:3px;
    float:left;
    width:110px;
    height:29px;
    background: url(square_search_button.png) no-repeat 0 0;
}

div.searchButton input#searchButton{
    border:none;
    background:none;
    padding:0 0 1px 3px;
    width:100%;
    height:100%;
    color:#FFFFFF;
    cursor:pointer;
    display:block;
    font-family:Arial,sans-serif;
    font-weight:bold;
    font-size:17px;
    text-align:center;
}

#signInOutUp {
    color: #333;
    font-size: 0.6875em;
    position: absolute;
    right: 2px;
    bottom: -6px;
}

#signInOutUp a {
    color: #0077ae;
    font-weight:bold;
}

/*Forum Specific Main Navigation*/
.bskyb .pink {
    color: #CD1E93 !important;
}

.bskyb #interNavLinks #serviceStatus{
    background:white url('icn_serviceStatusSmallSphere.gif') no-repeat 0px 4px;
}

.bskyb #interNavLinks #forums{
    background:white url('icn_forumsSmallSphere.gif') no-repeat 0px -30px;
    color:#0777AE;
}

.bskyb #interNavLinks #contactUs{
    background:white url('icn_contactUsSmallSphere.gif') no-repeat 0px 4px;
}

/* Start: sitemap */

.bskyb #siteMapDiv {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    line-height: 130%;
    margin: 12px auto 0;
    text-align: left;
    width: 974px;
    font-size: 0.625em;
}

.bskyb #siteMapDiv a {
    text-decoration: none;
    color: #333;
}

.bskyb #siteMapDiv a:hover {
    text-decoration: underline;
}

.bskyb #siteMapListDiv {
    background: url('../images/bg_siteMapDivider.gif') 0 20px repeat-y;
}

.bskyb #siteMapDiv h5 {
    font-size: 1.1em;
    padding-left: 6px;
    width: 178px;
    line-height: 115%;
    margin-top: 5px;
    margin-bottom: 4px;
}

.bskyb #siteMapDiv a {
    color: #333;
}


.bskyb #siteMapDiv .column {
    float: left;
    position: relative;
    top: -6px;
}

.bskyb #siteMapDiv .first {
    background: none;
}

.bskyb #siteMapDiv ol {
    margin-bottom: 1.5em;
}

.bskyb #siteMapDiv li {
    line-height: 140%;
    width: 180px;
    margin: 0 6px;
}

.bskyb #siteMapForm {
    text-align: right;
    padding: 0 7px;
}

.bskyb #siteMapForm input {
    font-size: 1em;
    color: #333;
    border: solid 1px #BDC5C8;
    padding: 2px 5px 3px 3px;
}

.bskyb #siteMapForm .input {
    position: relative;
    top: -5px;
    font-size: 1.1em;
}

.bskyb #siteMapForm .button {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    position: relative;
    top: 1px;
}

/* SITEMAP POD */
.bskyb #siteMapDiv div.pod {
    position: relative;
}

.bskyb #siteMapDiv div.pod .tl,
.bskyb #siteMapDiv div.pod .tr,
.bskyb #siteMapDiv div.pod .bl,
.bskyb #siteMapDiv div.pod .br {
    height: 5px !important;
    width: 100%;
    position: absolute;
    background: transparent url('../images/corners.gif') no-repeat;
}

.bskyb #siteMapDiv div.pod .tl {
    background-position: 100% -12px;
    background-color: transparent;
    margin-top: 0;
    z-index: 1000
}

.bskyb #siteMapDiv div.pod .tr {
    background-position: 0 0;
    overflow: hidden;
}

.bskyb #siteMapDiv div.pod .bl {
    margin-top: -5px;
    background-position: 100% -36px;
}

.bskyb #siteMapDiv div.pod .br {
    background-position: 0 -24px;
    overflow: hidden;
}

.bskyb #siteMapDiv div.pod .wrapper {
    border: solid 1px #C9C9C9;
    overflow: hidden;
    position: relative;
}

.bskyb #siteMapDiv div.pod .wrapper .content {
    padding: 1.7em .4em 0.3em;
    overflow: hidden;
}

.bskyb #siteMapDiv div.pod p.button {
    margin-top: 5px;
    padding-bottom: 1px;
}

.bskyb #siteMapDiv div.pod p.button a {
    color: #333;
    line-height: 185% !important;
    font-size: 1.091em;
}

/* End: sitemap */


/* Start: Footer */

.bskyb #footerDiv {
    text-align: center;
    background-color: #0A1A3B;
    color: #F1F5F6;
    font-size: 0.6875em;
    margin-top: 1.5em;
    padding: 0.15em 0.15em;
}

.bskyb #footerDiv.nofooter {
    background-color: #FFF;
}

.bskyb #footerLinksOL li {
    margin: 0.3em 0 0 0;
    padding: 0 32px 0.13em 30px;
    height: 1.7em;
    background: url('../images/bg_globalNavDivider.gif') no-repeat top right;
    font-size: 0.9090em;
}

.bskyb #footerLinksOL li {
    float: left;
}

.bskyb #footerLinksOL li.first {
    padding-left: 0;
}

.bskyb #footerLinksOL li.last {
    background: none;
}

/* End: Footer */



/*******************************************************************************
   <body> tag customization and site-wide styling is handled in the skin CSS
   rather than the header/footer CSS. We have basic centering CSS here for
   demo purposes.
  
   If you require the use of classes and mark-up that wrap both
   "lia-custom-header" and "bskyb" to make your header and footer
   work, add them here so they can be merged during the skinning process. Use
   company prefixed CSS classes to reduce likelihood of CSS conflicts
   (".acme-wrapper" = good; ".wrapper" =  bad).
*******************************************************************************/

body { text-align:center; padding:0; margin:0;}
.lia-wrapper { margin:0 auto; text-align:left; width:974px; }