/**
 *
 * Layout.css
 * This stylesheet contains the styles for the core structure and layout of the page.  Focussing mainly on:
 * multi-column layout
 * Header/Footer
 * Blocks
 * Coda 
 *
 */

/* Default setup */
#page {background:transparent url(../images/tile_page.jpg) 0 0 repeat-x;}
#main{ background:#fff url(../images/bg_sky_short.jpg) center 0 repeat-x; position:relative }
#main-bottom{ background:url(../images/bg_footer.gif) center bottom repeat-x; display:block; height:126px; position:absolute; bottom:0; width:100%; z-index:12 }
#content {float:left; width:100%; margin-right:-100%; padding-bottom:84px }
.layout-promo #main{ background:#fff}
.sidebar {float:left; }

.inner{ margin:0 auto; position:relative; }
.inner-full-width{ width:1000px; }

/* Layout Helpers */
#header, #footer, .mission, .breadcrumb, .node {clear: both; }
.view .edit_link a{ position:absolute; top:0; right:0; font-size:1.3em; background:#fff; padding:3px}
.block{ overflow:visible}

/**
 * Header
 */
#header{ position:relative; border-bottom:1px solid #c1c1c1; border-top:1px solid #5f5e5e; background:#e5e5e5 url(../images/bg_header.jpg) center 0 repeat-x;}
#header-bg{ background:url(../images/tile_header.png) 0 bottom repeat-x; overflow:hidden;}
#header-bg #header-inner {min-height:117px; height:auto !important; height:117px;}

#header_logo{ margin-left:20px; padding:10px 0 5px }
#header_logo, #header_logo span{ width:74px; height:85px;}
#header_logo span{ background:url(../images/super_sprite.gif); top:10px}
#header_logo span#header_logo_ssrm{ background-position:0 -85px}

/* Extra Header Buttons */
#header #extraheader, #header #extraheader li {list-style:none; margin:0; padding:0; overflow:hidden;  }
#header .extraheader {right:511px; top:0; position:absolute; height:32px; overflow:visible }
#header #extraheader li {float:left; background:none; }
#header #extraheader li a, #header #extraheader li a span{height:32px;}
#header #extraheader li a {vertical-align:middle; padding-top:5px; height:27px; text-align:center}
#header #extraheader li a span{ background:url(../images/super_sprite.gif)}
#header #extraheader li#extraheader_emailsignup a,
#header #extraheader li#extraheader_emailsignup a span{ width:156px; background-position:-368px 0}
#header #extraheader li#extraheader_login{ margin-left:-7px; display:none;}
#header #extraheader li#extraheader_login a,
#header #extraheader li#extraheader_login a span{ width: 117px;background-position: -682px 0;}
#header #extraheader li#extraheader_emailsignup a:hover span{background-position:-525px 0}
#header #extraheader li#extraheader_login a:hover,
#header #extraheader li#extraheader_login a:hover span{background-position:-802px 0}

/* Search */
#search-theme-form {position:absolute; top:0; right:224px; background:url(../images/super_sprite.gif) -74px 0 no-repeat; display:block; width:294px; height:32px; padding:0; }
#search-theme-form label {display:none; }
#edit-search-theme-form-1-wrapper {float:left; padding:4px 0 0 22px; margin:0  }
.form input.edit-search-theme-form-1 {border:none; display:block; font-size:1.5em; width:223px; background:#fff; height:1.5em; color:#838383; margin:0 }
#search-theme-form .form-submit {float:left; background: url(../images/super_sprite.gif) -319px 0 no-repeat; border:none; width:32px; height:32px; display:block; text-indent:-50000px; font-size:.1em; color:#fff; cursor:pointer;  }
#search-theme-form .form-submit:hover{ cursor:pointer}
.edit-search-theme-form-1:focus { outline: 0 none; }

/* Primary Navigation */
.nav_primary {position:absolute; top:41px; right:3px; }
.nav_primary, #nav_primary {display:block; height:63px; padding:0; margin:0; }
#nav_primary{ width:890px; text-align:center; position:relative}
#nav_primary li{ display:inline}
#nav_primary li a,
#nav_primary li a span{ position:absolute; line-height:65px; display:block; top:0;}
#nav_primary li a{ background:url(../images/tile_navshadow.png) 0 38px repeat-x }
#nav_primary li a span{ height:48px; background:url(../images/super_sprite.gif); top:10px; left:0; text-indent:-999em; background-repeat: no-repeat; overflow: hidden; }
#nav_primary li a:hover span{ cursor:pointer; height:48px}

#nav_primary li#nav_primary_home a,
#nav_primary li#nav_primary_home a span{ width:92px; }
#nav_primary li#nav_primary_home a span{ background-position:-82px -32px;}
#nav_primary li#nav_primary_home a{ left:0}
#nav_primary li#nav_primary_home a:hover span{ background-position:-83px -80px;  }
.front #nav_primary li#nav_primary_home a span{ background-position:-83px -135px; top:0 }
.front #nav_primary li#nav_primary_home a:hover span{ background-position:-83px -183px; top:3px}

#nav_primary li#nav_primary_themile a,
#nav_primary li#nav_primary_themile a span{ width:107px; }
#nav_primary li#nav_primary_themile a span{ background-position:-183px -32px;}
#nav_primary li#nav_primary_themile a{ left:71px}
#nav_primary li#nav_primary_themile a:hover span{ background-position:-183px -80px; }
.section-the-mile #nav_primary li#nav_primary_themile a span{ background-position:-183px -135px; top:0; }
.section-the-mile #nav_primary li#nav_primary_themile a:hover span{ background-position:-183px -183px; top:3px; }

#nav_primary li.nav_primary_fundraise a,
#nav_primary li.nav_primary_fundraise a span{ width:122px; }
#nav_primary li.nav_primary_fundraise a span{ background-position:-300px -32px;}
#nav_primary li.nav_primary_fundraise a{ left:157px}
#nav_primary li.nav_primary_fundraise a:hover span{ background-position:-300px -80px; }
.section-fundraise #nav_primary li.nav_primary_fundraise a span{ background-position:-300px -135px; top:0; }
.section-fundraise #nav_primary li.nav_primary_fundraise a:hover span{ background-position:-300px -183px; top:3px;}

#nav_primary li.nav_primary_schools a,
#nav_primary li.nav_primary_schools a span{ width:112px; }
#nav_primary li.nav_primary_schools a span{ background-position:-431px -32px;}
#nav_primary li.nav_primary_schools a{ left:257px}
#nav_primary li.nav_primary_schools a:hover span{ background-position:-431px -80px; }
.section-schools #nav_primary li.nav_primary_schools a span{ background-position:-431px -135px; top:0 }
.section-schools #nav_primary li.nav_primary_schools a:hover span{ background-position:-431px -183px; top:3px}

#nav_primary li.nav_primary_shop a,
#nav_primary li.nav_primary_shop a span{ width:92px;}
#nav_primary li.nav_primary_shop a span{ background-position:-552px -32px;}
#nav_primary li.nav_primary_shop a{ left:348px;}
#nav_primary li.nav_primary_shop a:hover span{ background-position:-552px -80px;} 
.section-shop #nav_primary li.nav_primary_shop a span{ background-position:-552px -135px; top:0 }
.section-shop #nav_primary li.nav_primary_shop a:hover span{ background-position:-552px -183px; top:3px}

#nav_primary li#nav_primary_funandgames a,
#nav_primary li#nav_primary_funandgames a span{ width:141px;}
#nav_primary li#nav_primary_funandgames a span{ background-position:-782px -32px;}
#nav_primary li#nav_primary_funandgames a{ left:515px; }
#nav_primary li#nav_primary_funandgames a:hover span{ background-position:-782px -80px;} 
.section-fun-and-games #nav_primary li#nav_primary_funandgames a span{ background-position:-782px -135px; top:0 }
.section-fun-and-games #nav_primary li#nav_primary_funandgames a:hover span{ background-position:-782px -183px; top:3px}

#nav_primary li#nav_primary_whatson a,
#nav_primary li#nav_primary_whatson a span{ width:123px;}
#nav_primary li#nav_primary_whatson a span{ background-position:-651px -32px;}
#nav_primary li#nav_primary_whatson a{ left:413px}
#nav_primary li#nav_primary_whatson a:hover span{ background-position:-651px -80px; }
.section-whats-on #nav_primary li#nav_primary_whatson a span{ background-position:-651px -135px; top:0 }
.section-whats-on  #nav_primary li#nav_primary_whatson a:hover span{ background-position:-651px -183px; top:3px}

#nav_primary li#nav_primary_aboutus a,
#nav_primary li#nav_primary_aboutus a span{ width:118px; background-position:-924px -32px;}
#nav_primary li#nav_primary_aboutus a{ left:635px}
#nav_primary li#nav_primary_aboutus a span {z-index:20; }
#nav_primary li#nav_primary_aboutus a:hover span{ background-position:-924px -80px; z-index:20; }
.section-about-us #nav_primary li#nav_primary_aboutus a span{ background-position:-924px -135px; top:0 }
.section-about-us #nav_primary li#nav_primary_aboutus a:hover span{ background-position:-924px -183px; top:3px}

#nav_primary li#nav_primary_support a,
#nav_primary li#nav_primary_support a span { width:158px; background-position:-1049px -32px; background-repeat: no-repeat; }
#nav_primary li#nav_primary_support a { left:733px; height: 49px; }
#nav_primary li#nav_primary_support a:hover { height: 55px;}
#nav_primary li#nav_primary_support a:hover span,
.section-about-us #nav_primary li#nav_primary_support a:hover span{ background-position:-1049px -80px; z-index:10; height:55px; background-repeat: no-repeat;}
.section-about-us #nav_primary li#nav_primary_support a span{ background-position:-1049px -135px; top:0 }

/**
 * Secondary Nav
 */
.nav_secondary{ position:absolute; top:102px; left:0}
.nav_secondary,
.nav_secondary .block-inner,
.nav_secondary .content,
.nav_secondary ul.menu li,
.nav_secondary ul.menu li a:hover,
.nav_secondary ul.menu li a.active,
.nav_secondary ul.menu li span:hover,
.nav_secondary ul.menu li span.active{ background:url(../images/sprite_secondary_nav.gif) 0 0 no-repeat; overflow:hidden}
.nav_secondary{ padding-top:8px; padding-right:24px}
.nav_secondary .block-inner{ background-position:0 0; padding-left:20px}
.nav_secondary .content{ background-position:right -37px; padding-right:20px}
.nav_secondary ul.menu, .nav_secondary ul.menu li{ margin:0; padding:0; list-style:none; height:38px; }
.nav_secondary ul.menu{ background:#fff; overflow:hidden; padding:0 12px; width:912px}
.nav_secondary ul.menu li{ float:left; display:inline; background-position:right -130px; padding:0 14px 0 0; margin-right:9px}
.nav_secondary ul.menu li.last{ background:none; padding:0; margin:0}
.nav_secondary ul.menu li a,
.nav_secondary ul.menu li span
{ text-decoration:none; line-height:38px; display:block; font-style:italic; color:#000; }
.nav_secondary ul.menu li a:hover,
.nav_secondary ul.menu li span:hover
{ background-position:center -92px}
.nav_secondary ul.menu li a.active,
.nav_secondary ul.menu li span.active
{ color:#e72639; font-weight:bold; background-position:center -92px}

.section-the-mile .nav_secondary{ background-position: 219px -76px; }
.section-fundraise .nav_secondary{ background-position: 331px -76px; }
.section-schools .nav_secondary{ background-position: 437px -76px; }
.section-shop .nav_secondary{ background-position: 555px -76px; }
.section-whats-on .nav_secondary{ background-position: 669px -76px; }
.section-about-us .nav_secondary{ background-position:778px -76px; }

/**
 * Secondary nav (v2)
 */
.nav-secondary {background:transparent url(../images/navsec-bg.png) no-repeat; width:976px; margin:10px 0; display:block;}
.nav-secondary ul.menu-breadcrumb {float:left; padding:0; height:40px;margin:0;}
.nav-secondary ul.menu-breadcrumb li {float:left; font:15px/38px 'VAGRundschriftD-Ita'; text-transform:uppercase; list-style:none;}
.nav-secondary ul.menu-breadcrumb li {margin-left:-32px;}
.nav-secondary ul.menu-breadcrumb li.first {margin-left:0px;}

.nav-secondary ul.menu-breadcrumb li a {text-decoration:none; color:#000; height:40px; display:inline-block; background:url(../images/navsec-breadcrumb-bg.png) repeat-x; padding-left:46px; margin-right:32px; position:relative;}
.nav-secondary ul.menu-breadcrumb li a:hover,
.nav-secondary ul.menu-breadcrumb li a.hover {background-position:0 -62px;}

.nav-secondary ul.menu-breadcrumb li a span.right {background:url(../images/navsec-breadcrumb-arrow.png) right top no-repeat; width:32px; position:absolute; z-index:32;}
.nav-secondary ul.menu-breadcrumb li a:hover span.right,
.nav-secondary ul.menu-breadcrumb li a.hover span.right {background-position:right -62px;}

.nav-secondary ul.menu-breadcrumb li.first a span{top:0;margin: 0 0 0 1px;}

.section-shop .nav-secondary ul.menu-breadcrumb li.first a {width:41px;}

.section-schools .nav-secondary ul.menu-breadcrumb li.first a {width:70px;}

.section-fundraise .nav-secondary ul.menu-breadcrumb li.first a {width:80px;}

.nav-secondary ul.menu-breadcrumb li.first a {background:url(../images/navsec-breadcrumb-a-first.png) no-repeat;}
.nav-secondary ul.menu-breadcrumb li.first a:hover,
.nav-secondary ul.menu-breadcrumb li.first a.hover {background-position:0 -62px;}

.nav-secondary ul.menu-breadcrumb li.last a span.right {background:url(../images/navsec-breadcrumb-arrow-last.png) right top no-repeat;}
.nav-secondary ul.menu-breadcrumb li.last a:hover span.right,
.nav-secondary ul.menu-breadcrumb li.last a.hover span.right {background-position:right -62px;}

.nav-secondary ul.menu-breadcrumb li.only {padding-left:74px;}

.nav-secondary ul.menu {overflow:hidden; padding:11px 28px 10px 0;margin:0;}
.nav-secondary ul.menu li {float:left; display:block; background:transparent url(../images/navsec-menu-div.png) right center no-repeat; list-style:none; padding:0 11px 0 1px; font-style:italic; font-size:12px;}
.nav-secondary ul.menu li.last {background:none;}
.nav-secondary ul.menu li a.active-trail {color:#df222f;}
.nav-secondary ul.menu li a {text-decoration:none; color:#000;}
.nav-secondary ul.menu li a:hover {text-decoration:underline;}

ul.menu li {
    margin: 0 0 0 0.5em;
}

/* Areas */
#areas{ margin-top: 2em; background-color:#f9fafa }
#areas-inner{ position:relative; padding:18px 15px 0; overflow:hidden }
.section-user .layout-subpods-0 #areas-inner{ padding-bottom:45px}
.layout-subpods-0 #areas-inner{ padding-bottom:9px}
.layout-subpods-2 #areas-inner{ padding-bottom:16px}
.layout-subpods-3 #areas-inner{ padding-bottom:17px}
.layout-rhsreg .layout-subpods-0 #areas-inner{ padding-bottom:17px}
.layout-rhsreg .layout-subpods-2 #areas-inner{ padding-bottom:23px}
.layout-rhsreg .layout-subpods-3 #areas-inner{ padding-bottom:22px}
.layout-rhsthin .layout-subpods-0 #areas-inner{ padding-bottom:16px}
.layout-rhsthin .layout-subpods-2 #areas-inner{ padding-bottom:21px}
.layout-rhsthin .layout-subpods-3 #areas-inner{ padding-bottom:21px}

#content-area-top,
#main-content h1,
#page-intro,
#content-area-bottom{ padding-left:5px}

/* Content General */
.layout_area{ position:relative; margin-bottom:5px; background-color:#fff; padding:4px 6px 0; overflow:hidden }
.layout_content { padding:20px 20px 10px; overflow:hidden }
.layout_area_last .layout_content{ padding-bottom:20px}

/* Subpods */
#subpods{ position:relative; z-index:9; background-color:#fff}
#subpods-inner{ padding:4px 0 35px 6px; overflow:hidden;}
.layout-rhsreg #subpods-inner{ padding-left:6px}
.sidebar-right #subpods-inner{ padding-top:4px}
#subpods .subpod{ position:relative; float:left}
.subpods_2 .subpod{ width:470px}
.subpods_3 .subpod{ width:308px}
.layout-rhsreg .subpods_2 .subpod{ width:340px}
.layout-rhsreg .subpods_3 .subpod{ width:232px}
.layout-rhsthin .subpods_2 .subpod{ width:373px}
.layout-rhsthin .subpods_3 .subpod{ width:254px}
.layout-rhsthin .subpods_3 #subpod_three{ width:253px}
.subpods_2 #subpod_one{ margin-right:18px}
.subpods_3 #subpod_one,
.subpods_3 #subpod_two{ margin-right:17px}
.layout-rhsreg .subpods_3 #subpod_one,
.layout-rhsreg .subpods_3 #subpod_two,
.layout-rhsthin .subpods_3 #subpod_one,
.layout-rhsthin .subpods_3 #subpod_two{ margin-right:0; border-right:1px solid #d1d1d1}
.layout-rhsthin .subpods_2 #subpod_one{ margin-right:17px}
.subpod-inner{ padding:10px 20px 0}

/* Tiles */
#areas,
#subpods,
.layout_area{ background-image:url(../images/sprite_tiles.gif); background-repeat:repeat-y}
.layout_area{ background-position:-1970px 0}
.layout-rhsreg .layout_area { background-position:-2940px 0}
.layout-rhsthin .layout_area { background-position:-6040px 0}
.layout-lhsthin .layout_area { background-position:-8365px 0}
.subpods_2{ background-position:-4360px 0}
.subpods_3{ background-position:-1000px 0}
.layout-rhsreg .subpods_2{ background-position:-5330px 0}
.layout-rhsreg .subpods_3{ background-position:-3650px 0}
.layout-rhsthin .subpods_2{ background-position:-6815px 0}
.layout-rhsthin .subpods_3{ background-position:-7590px 0}

/* Top/Bottom */
#areas span.top,
#areas span.bottom{ background:url(../images/sprite_top_bottom.gif) no-repeat; width:1000px; position:absolute; left:0; overflow:hidden; z-index:8}
#areas span.top{top:0; height:7px;}
#areas span.bottom{bottom:0; height:31px; background-position:0 -7px}

#areas #content_general span.top,
#areas #content_general span.bottom,
#areas #subpods span.top,
#areas #subpods span.bottom{ width:970px; z-index:10}

#areas #content_general span.top{ background-position:0 -82px; height:4px}
#areas #content_general span.bottom{ background-position:0 -86px; height:8px}
.layout-rhsreg #areas #content_general span.top{ background-position:0 -112px; }
.layout-rhsreg #areas #content_general span.bottom{ background-position:0 -116px; }
.layout-rhsthin #areas #content_general span.top{ background-position:0 -303px; }
.layout-rhsthin #areas #content_general span.bottom{ background-position:0 -307px; }
.layout-lhsthin #areas #content_general span.top{ background-position:0 -409px; }
.layout-lhsthin #areas #content_general span.bottom{ background-position:0 -413px; }
.layout-subpods-0 #areas #content_general .layout_area_last span.bottom{ background-position:0 -180px; height:36px}
.layout-rhsreg .layout-subpods-0 #areas #content_general .layout_area_last span.bottom{ background-position:0 -152px; height:28px}
.layout-rhsthin .layout-subpods-0 #areas #content_general .layout_area_last span.bottom{ background-position:0 -315px; height:30px}
.layout-lhsthin .layout-subpods-0 #areas #content_general .layout_area_last span.bottom{ background-position:0 -421px; height:37px}

#areas #subpods span.top{ height:4px}
#areas #subpods span.bottom{ height:35px}
#areas .subpods_3 span.top{ background-position:0 -38px}
#areas .subpods_3 span.bottom{ background-position:0 -42px;}
#areas .subpods_2 span.top{ background-position:0 -216px}
#areas .subpods_2 span.bottom{ background-position:0 -220px;}
.layout-rhsreg #areas #subpods span.bottom{ height:28px}
.layout-rhsreg #areas .subpods_2 span.top{ background-position:0 -255px; }
.layout-rhsreg #areas .subpods_2 span.bottom{ background-position:0 -259px; }
.layout-rhsreg #areas .subpods_3 span.top{ background-position:0 -112px; }
.layout-rhsreg #areas .subpods_3 span.bottom{ background-position:0 -124px; }
.layout-rhsthin #areas #subpods span.bottom{ height:30px}
.layout-rhsthin #areas .subpods_2 span.top{ background-position:0 -345px; }
.layout-rhsthin #areas .subpods_2 span.bottom{ background-position:0 -349px;}
.layout-rhsthin #areas .subpods_3 span.top{ background-position:0 -303px; }
.layout-rhsthin #areas .subpods_3 span.bottom{ background-position:0 -379px;}

/* Left Sidebar */
.sidebar-left #areas-inner{ padding-left:0}
.sidebar-left #main-content { float: left; margin-left:169px}
#sidebar-first{ float:left; margin-left:-984px; width:169px}

.layout-lhsthin #main-content,
.layout-lhsthin #areas #content_general span.top,
.layout-lhsthin #areas #content_general span.bottom,
.layout-lhsthin #areas #subpods span.top,
.layout-lhsthin #areas #subpods span.bottom { width: 815px;}

/* Right Sidebars */
.sidebar-right #main-content{ float:left;}
#rightbar-tile{ overflow:hidden; position:relative; background:right 0 repeat-y; z-index:9}
#sidebar-second{ float:right; position:relative; }
#sidebar-second-inner{ margin:8px 9px 18px; background:#fff }
#areas #sidebar-second span.top { height: 4px;}
span.rightbar-bottom{ position:absolute; right:15px; bottom:14px; background:url(../images/sprite_top_bottom.gif); z-index:10;}

.layout-rhsreg #main-content,
.layout-rhsreg #areas #content_general span.top,
.layout-rhsreg #areas #content_general span.bottom,
.layout-rhsreg #areas #subpods span.top,
.layout-rhsreg #areas #subpods span.bottom{ width:710px}
.layout-rhsreg #sidebar-second,
.layout-rhsreg #areas #sidebar-second span.top,
.layout-rhsreg span.rightbar-bottom{ width:255px; }
.layout-rhsreg #rightbar-tile{ background-image:url(../images/tile_rightbar.gif)}
.layout-rhsreg #areas #sidebar-second span.top,
.layout-rhsreg #areas #sidebar-second span.top{ background-position: 0 -94px; }
.layout-rhsreg span.rightbar-bottom{ background-position:0 -98px; height:14px}

.layout-rhsthin #main-content,
.layout-rhsthin #areas #content_general span.top,
.layout-rhsthin #areas #content_general span.bottom,
.layout-rhsthin #areas #subpods span.top,
.layout-rhsthin #areas #subpods span.bottom{ width:775px}
.layout-rhsthin #sidebar-second,
.layout-rhsthin #areas #sidebar-second span.top,
.layout-rhsthin span.rightbar-bottom{ width:190px; }
.layout-rhsthin #rightbar-tile{ background-image:url(../images/tile_rightbar_thin.gif)}
.layout-rhsthin #areas #sidebar-second span.top,
.layout-rhsthin #areas #sidebar-second span.top{ background-position: 0 -287px; }
.layout-rhsthin span.rightbar-bottom{ background-position:0 -291px; height:12px}

/* Default ADMIN styles */
/*div.tabs{ position:absolute}*/
div.tabs ul {margin:0; padding:0;  }
div.messages {margin:20px; }

/**
 * Footer
 */
#footer{ background:#272727; padding-top:13px }
#footer a{ color:#fff; text-decoration:none}
#footer a:hover{ text-decoration:underline}

/* Breadcrumb */
#breadcrumb{ font-size:1.3em; font-weight:bold; color:#fff; line-height:22px; margin-bottom:10px; background:#272727; position:relative; overflow: hidden; height:24px; }
#breadcrumb a{ color:#fff; text-decoration:none}
#breadcrumb a:hover{ text-decoration:underline}
#breadcrumb a.active{ color:#88f0f9; font-weight:normal}
#breadcrumb span{ position:absolute; width:5px; height:5px; background:url(../images/bg_breadcrumb_corners.gif) no-repeat; }
#breadcrumb span.tl{ top:0px; left:0px; display:block; }
#breadcrumb span.tr{ top:-1px; right:-1px; background-position:right 0}
#breadcrumb span.bl{ bottom:0px; left:0px; background-position:0 bottom}
#breadcrumb span.br{ bottom:-1px; right:-1px; background-position:right bottom}
#breadcrumb .breadcrumb{ padding:0 0 0 10px; background-color: #272727; }
#breadcrumb .footer_share { position: absolute; top: 0px; right: 0px; }
#breadcrumb .breadcrumb-inner { border: 1px solid #5D5D5D; height: 22px; }

#breadcrumb .breadcrumb_arrow { position:relative; height:22px; width:18px; float:left; background:url(../images/breadcrumb_arrow.gif) no-repeat scroll -4px center transparent; margin-left:0px; padding-right: 12px; display:block; }
#breadcrumb .breadcrumb a { float:left; display:block; }

/**
 * Service links
 */
#breadcrumb .footer_share {z-index:50;}
#breadcrumb .footer_share span {background:none;}
.footer_share #block-service_links-service_links .block-edit-link {margin-top:-40px;}
.footer_share #block-service_links-service_links .service-links .item-btn {width:139px; height:24px; position:absolute; right:-1px; top:0px; background:transparent url(../images/icons_share_v5.jpg) no-repeat right top; cursor:pointer;}
.footer_share #block-service_links-service_links .service-links .btn_open {background-position:right top;}
.footer_share #block-service_links-service_links .service-links .btn_close {background-position:left -62px;}
.footer_share #block-service_links-service_links .service-links .item-list {width:136px;}
.footer_share #block-service_links-service_links .service-links .item-title {font-weight:normal; padding-right:40px; height:22px; background-color:transparent; float:right; padding-right:5px; font-family:'VAGRundschriftD-Lig',arial; font-size:1.15em;}
.footer_share #block-service_links-service_links .service-links .itvem-btn {position:absolute; top:0;}
.footer_share #block-service_links-service_links .service-links .item-list {float:right; z-index:40;}
.footer_share #block-service_links-service_links .service-links ul {padding:0em;}
.footer_share #block-service_links-service_links .service-links ul li {list-style-type:none; width:34px; margin:0em; float:left;}
.footer_share #block-service_links-service_links .service-links ul li a {height:23px; width:34px; display:block; position:relative; font-size:1px; text-indent:-9999em;}
.footer_share #block-service_links-service_links .service-links ul li a span {height:23px; width:30px; display:block; position:relative; top:-27px; cursor:pointer;}
.footer_share #block-service_links-service_links .service-links ul li a.service-links-facebook span {z-index:30;}
.footer_share #block-service_links-service_links .service-links ul li a.service-links-twitter span {z-index:30;}
.footer_share #block-service_links-service_links .service-links ul li a.service-links-linkedin span {z-index:30;}
.footer_share #block-service_links-service_links .service-links ul li a.service-links-forward span {z-index:30;}

/* Footer Nav */
.footer_nav{ border:1px solid #5d5d5d; background:#474747 url(../images/tile_footer.jpg) 0 bottom repeat-x}
ul#footer_links_extra, ul#footer_links_extra li,
ul#footer_links_extra ul, ul#footer_links_extra ul li{ margin:0; padding:0; list-style-image:none !important}
ul#footer_links_extra{ overflow:hidden; width:1000px; background: url(../images/bg_footer.jpg) right bottom no-repeat}
ul#footer_links_extra li{ float:left; padding:0 10px 10px; width:122px; border-right:1px solid #5d5d5d; min-height:163px; height:auto !important; height:163px}
ul#footer_links_extra li.footer_supportemail{ border:none; }
ul#footer_links_extra li h6{ margin:0; padding:10px 0 7px; text-transform:uppercase; line-height:1.3em }
ul#footer_links_extra li ul li ul { margin-top:10px; }
ul#footer_links_extra li ul li ul li { font-size:1.1em; }
ul#footer_links_extra li ul li ul li h6 { padding:0; }
#footer ul#footer_links_extra li h6 a{color:#88f0f9}
ul#footer_links_extra ul{ width:auto; background:none; }
ul#footer_links_extra ul li{ float:none; padding:0 0 3px; border:none; font-weight:bold; font-size:.9em; min-height:5px; height:auto;list-style-image:none !important;}

/* Footer Links */
.footer_links { text-align:left; padding-top:25px; padding-bottom:10px; }
ul#footer_links_core { padding-bottom:10px; padding-left:2px; margin:0;}
ul#footer_links_core li { display:inline; font-size:1.5em; line-height:1em; border-right:1px solid #fff; padding: 0 10px; }
ul#footer_links_core li.last { border:none; }
.footer_links p { color:#888888; margin:0 0 0 12px; padding-bottom: 10px; }
.footer_links #footer-logo { background:url('../images/super_sprite.gif') transparent -1218px 0 no-repeat; height:62px; width:62px; position:absolute; bottom:15px; right:5px; }


/* UNPUBLISHED STYLING */
body.unpublished #background {background-image:url("../images/bg_grad_unpublished.jpg"); }
body.unpublished #background_header {background:transparent; }