/* Global
-------------------------------------------------------------- */
html {
    /* Most modern browsers are set to 16px default font size. 1em = 16px. */
    font-size: 1em; /* Explicity set the font-size to 1em to help IE do it's calculations properly */ /* Moz */
    height: 100%;
}
body {
    background: #00519c url('../images/bg.png') repeat-x;
    font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p {
    color: #476a7f;
}
hr {
    border: none;
    height: 1px;
    color: #9CB6C5;
    background-color: #9CB6C5;
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    display: block;
    position: relative;
    font-size: 0;
}
a, a:link, a:visited, a:active, a:hover {
    color: #476a7f;
    text-decoration: none;
}
a:hover {
    color: #cfcfcf;
    text-decoration: underline;
}
a:hover img {
    text-decoration: none;
}
/* Shared
-------------------------------------------------------------- */
.wrap {
    background: transparent url('../images/bg-surround.png') repeat;
}
.full {
    width: 100% !important;
}
.left {
    float: left !important;
}
.right {
    float: right !important;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-underline {
    text-decoration: underline;
}
.margin-top-5 {
    margin-top: 5px;
}
.center {
    margin: 0 auto;
    text-align: center;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
table.align-top, table.align-top td, table.align-top th, table.align-top caption {
    vertical-align: top;
}
.float-left {
    float: left;
    display: inline;
}
.float-right {
    float: right;
    display: inline;
}
.float-none {
    float: none;
}
.clear-left {
    clear: left;
}
.clear-right {
    clear: right;
}
.push {
    clear: both;
}
.invisible-bg {
    background: transparent url('../images/transparent.gif') repeat; /* Set this on a surrounding element to fix IE 6 disappearing background issue, to ensure the background doesn't disappaer due to lack of hasLayout */
}
.padding-block {
    padding: 1px; /* IE6 needs this trigger */
}
/* Boxes
-------------------------------------------------------------- */
div.box {
    position: relative; /* Fixes IE 6 */
    margin-top: 9px;
    background-color: #6eb1d6;
    padding: 3px;
}
div.box a {
    display: block;
    border: 1px solid #cdcd3a;
    padding: 3px;
}
div.calendar-box {
    position: relative; /* Fixes IE 6 */
    margin-top: 9px;
    background-color: #6eb1d6;
    padding: 3px;
}
div.calendar-box div.inner-calendar-box {
    display: block;
    border: 1px solid #cdcd3a;
    padding: 3px;
}
ul.divided li {
    background: transparent url('../images/bg-divider.png') repeat-x bottom right;
}
/* Ads
-------------------------------------------------------------- */
span.ad {
    background: transparent url('../images/icon-ad-arrow.gif') no-repeat right;
    color: #80b4d4;
    font-weight: normal;
    font-size: 10px;
    padding: 0 11px 0 12px;
}
div.big-ad {
    position: relative;
    background-color: #e5f1f7;
    width: 531px;
    margin-right: 9px;
    margin-bottom: 11px;
    font-size: 0;
}
/* Feeds
-------------------------------------------------------------- */



/* Areas
-------------------------------------------------------------- */
div#container {
    position: relative;
    margin: 0 auto;
    width: 998px;
    text-align: left;
    font-size: 1em;
}
/* Header
-------------------------------------------------------------- */
div.header {
    position: relative;
    height: 238px;
    background-color: #ffffff;
    background-position: top;
    background-repeat: no-repeat;
}
div.header h1, div.header h3 {
    text-indent: -9999px;
    height: 80px;
    width: 300px;
}
div.header h3#main-sponsor {
	position: absolute; 
	right: 0px; 
	top: 0px;
}
div.header h1 a, div.header h3 a {
    height: 80px;
    width: 300px;
    display: block;
}

/* Navigation
-------------------------------------------------------------- */
div#nav {
    position: relative;
    width: 998px;
    background: transparent url('../images/bg-nav-2.gif') repeat-x top;
    font-size: 0; /* Fixes bizarre empty div line-height bug in IE6 */ /* If empty divs in IE are they are smaller than the line-height, font size must be set to 0. */
    height: 47px;
    z-index: 3; /* IE can't figure out the z-index stack by itself so we need to define it explicity */
    margin-top: -3px;
}
div#nav h2 {
    display: none;
}
div#nav div#left-wing {
    position: relative;
    float: left;
    margin-left: -49px;
    background: transparent url('../images/bg-nav-left-wing.png') no-repeat top;
    height: 42px;
    width: 49px;
}
div#nav div#right-wing {
    position: relative;
    float: right;
    margin-right: -43px;
    margin-top: 2px; /* The background images are asymmetrical... */
    background: transparent url('../images/bg-nav-right-wing.png') no-repeat top;
    height: 42px;
    width: 43px;
}
div#nav ul {
    margin: 0;
    padding: 0;
    position: relative;
    height: 39px;
    list-style: none;
    float: left;
    z-index: 4;
}
div#nav ul li {
    position: relative;
    margin: 0;
    padding: 0;
    float: left; /* Float the main list items */
    display: block;
    background: transparent url('../images/bg-nav-divider.gif') no-repeat top right;
    line-height: 39px;
    height: 39px;
    z-index: 5;
}
div#nav ul li.no-bg {
    background: none;
}
div#nav ul li a {
    /* For all links in the list */
    position: relative;
    font-weight: bold;
    font-size: 14px; /* Set to px to prevent font resizing (IE only) - approx. 14pt */
    letter-spacing: -1px;
    color: #476a7f;
    display: inline-block;
    padding: 0 9px 0 9px;
    margin-right: 3px;
    text-decoration: none;
    z-index: 6;
}
div#nav ul li a.home {
    display: block;
    padding: 0;
    margin: 0;
}
div #nav ul li a.current, div #nav ul li div.current {
    color: #ffffff;
    background: transparent url('../images/bg-nav-item-hover.gif') repeat 0 -39px;
}
div #nav ul li a:focus, div #nav ul li a:hover {
    color: #ffffff;
}
div #nav ul li a.nolink:focus, div #nav ul li a.nolink:hover {
    color: #476a7f;
}
div#nav ul li a.home {
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 0;
    display: block;
    height: 39px;
    width: 39px;
}
div#nav ul li a img {
    position: relative;
    margin: 11px 0 0 11px;
    display: block;
    z-index: 7;
}
div#nav ul li ul {
    font-size: 0;
    position: absolute;
    width: 172px;
    height: auto;
    left: 0;
    top: 35px; /*left: -999em;*/
    display: none;
    border-left: 1px #8ab4cf solid;
    border-right: 1px #8ab4cf solid;
    border-bottom: 1px #8ab4cf solid;
    margin-left: -2px;
    background: transparent url('../images/bg-dropdown.png') repeat;
    z-index: 8;
    overflow: hidden;
}
div#nav ul li:hover ul, div#nav li.over ul {
    display: block; /*left: auto;*/
}
div#nav ul li ul li {
    font-weight: bold;
    margin: 0;
    padding: 0;
    background: transparent url('../images/transparent.gif') repeat; /* Need to set this to fix IE 6 hovering issue */
    float: left;
    width: 170px;
    overflow: hidden;
    border-bottom: 1px #d7e9f4 solid;
    border-left: 1px #d7e9f4 solid;
    border-right: 1px #d7e9f4 solid;
    z-index: 9;
    height: 24px;
}
div#nav ul li ul li a {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 14px;
    border-bottom: 1px #8ab4cf solid;
    margin-right: -5px;
    padding-left: 9px;
    z-index: 10;
    height: 25px;
    line-height: 25px;
    display: block;
    width: 160px;
    white-space: nowrap;
}
/* Sports menu 
-------------------------------------------------------------- */
div#nav ul#sports-menu li a {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap; /*border: 1px solid green;*/
    line-height: 39px;
    height: 39px;
}
div#nav ul#sports-menu li a img {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline;
    width: 57px;
    margin-right: 3px;
    margin-top: 3px;
}
div#nav ul#sports-menu li a div {
    position: relative;
    display: inline;
    margin-right: 9px;
    display: inline; /* FF3, Opera, Safari */
    margin: 0;
    padding: 0;
    line-height: 19px;
}
/* Need to wrap this in a span as IE 6/7 doesn't understand vertical-align: middle; */
div#nav ul#sports-menu li a div span {
    display: -moz-inline-box; /* Firefox 2 and under*/
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    margin-right: 9px;
}

/* Sub header
-------------------------------------------------------------- */
div#subheader {
    position: relative;
    background: #ffffff url('../images/bg-subheader.png') no-repeat bottom;
    height: 93px;
}
div#pusher {
    float: left;
    height: 1px;
    width: 584px;
}
div.breadcrumbs {
    margin-top: 54px;
    margin-left: 11px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}
div.breadcrumbs a {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}
div.breadcrumbs a.current {
    color: #2f4b56;
}
div#teamlogo {
    position: absolute;
    height: 81;
    width: 281px;
    left: 584px;
    top: 0;
    font-size: 14px;
    color: #000000;
    overflow: hidden;
}
div#searchbox {
    position: absolute;
    height: 23px;
    width: 157px;
    top: 0;
    right: 7px;
}
div#searchbox label {
    display: none;
}
/* Search text
-------------------------------------------------------------- */
div.searchtextwrap {
    /* We need to wrap the input as IE doesn't understand fixed backgrounds for input elements  */
    position: relative;
    background: transparent url('../images/bg-search-input.png') no-repeat top left;
    height: 23px;
    width: 125px;
    float: left;
    display: inline-block;
    padding-left: 2px;
}
div.searchtextwrap input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background-color: transparent;
    color: #6a8ba3;
    height: 20px;
    width: 125px;
    padding: 4px 0 0 0;
    z-index: 1;
}
input.searchbutton {
    background: transparent url('../images/bg-search-button.png') no-repeat 0 0px;
    border: medium none;
    display: block;
    float: left;
    height: 21px;
    width: 22px;
    margin-left: 7px;
    margin-top: 1px;
    text-indent: -9999px;
    cursor: pointer; /* Force pointer as Safari and Opera doesn't set the correct cursor */
}
input.searchbutton:hover, div#searchbox input.searchbutton.over {
    background: transparent url('../images/bg-search-button.png') no-repeat 0 -21px;
}
/* Toolbar
-------------------------------------------------------------- */
ul#toolbar {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 7px;
    top: 29px;
    list-style: none;
    background: none;
}
ul#toolbar li {
    position: relative;
    float: left;
    height: 21px;
    width: 22px;
    text-indent: -9999px;
    cursor: pointer;
    margin-left: 9px;
}
ul#toolbar li a {
    height: 21px;
    width: 22px;
    display: block;
}
ul#toolbar li a * {
    display: none;
}
ul#toolbar li a .hover {
    background: url('../images/bg-buttons.png') no-repeat 0 0;
    display: block;
    position: relative;
    height: 21px;
    width: 22px;
}
ul#toolbar li#language a.eng {
    background: transparent url('../images/bg-buttons.png') no-repeat 0 0;
}
ul#toolbar.highlight li#language a.eng:hover, ul#toolbar li#language a.eng .hover {
    background-position: 0 -21px;
}
ul#toolbar li#language a.swe {
    background: transparent url('../images/bg-buttons.png') no-repeat -88px 0;
}
ul#toolbar.highlight li#language a.swe:hover, ul#toolbar li#language a.swe .hover {
    background-position: -88px -21px;
}
ul#toolbar li#textsize {
    display: none; /* Hide from non-JavaScript browsers */
}
ul#toolbar li#textsize a {
    background: transparent url('../images/bg-buttons.png') no-repeat -22px 0;
}
ul#toolbar.highlight li#textsize a:hover, ul#toolbar li#textsize a .hover {
    background-position: -22px -21px;
}
ul#toolbar li#rss a {
    background: transparent url('../images/bg-buttons.png') no-repeat -44px 0;
}
ul#toolbar.highlight li#rss a:hover, ul#toolbar li#rss a .hover {
    background-position: -44px -21px;
}
ul#toolbar li#admin a {
    background: transparent url('../images/bg-buttons.png') no-repeat -66px 0;
}
ul#toolbar.highlight li#admin a:hover, ul#toolbar li#admin a .hover {
    background-position: -66px -21px;
}
ul#toolbar li#admin.unlocked a {
    background: transparent url('../images/bg-buttons.png') no-repeat -111px 0;
}
ul#toolbar.highlight li#admin.unlocked a:hover, ul#toolbar li#admin.unlocked a .hover {
    background-position: -111px -21px;
}
ul#toolbar li.user-profile a {
    background: transparent url('../images/bg-buttons.png') no-repeat -132px 0;
}
ul#toolbar.highlight li.user-profile a:hover, ul#toolbar li.user-profile a .hover {
    background-position: -132px -21px;
}
a.toolbar-sign-out {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 7px;
    top: 51px;
}

/* Main content
-------------------------------------------------------------- */
div#main {
    background: transparent url('../images/bg-main.png') repeat;
}

/* Front page - Middle
-------------------------------------------------------------- */
div#secondary {
    position: relative; /* Fixes negative margin bug in IE6. Uses hasLayout on the element with negative margins itself as well as position: relative as an extra kick that is needed to stabilize the fix. */
    margin-top: -5px;
    margin-left: 9px;
    float: left;
    width: 215px;
    min-height: 6px;
}
div#secondary p, div#secondary h4 {
    margin: 0;
    padding: 0;
}
div#secondary p.margin-top-5 {
    margin-top: 5px;
}
div#secondary div.wrap, div#rightbar div.wrap {
    padding: 11px;
    margin-bottom: 9px;
    font-size: 0; /* Fixes IE three-pixel gap bug */
    color: #476a7f;
}
div#secondary div.wrap div, div#rightbar div.wrap div {
    background-color: #e5f1f7;
    margin: 0 0 1px 0;
    padding: 10px;
    font-size: 12px;
}
div#secondary div.wrap div div, div#rightbar div.wrap div div {
    margin: 0 0 9px 0;
    padding: 0;
}
div#secondary div.wrap div div.latest-blog-item, div#rightbar div.wrap div.latest-blog-item {
    margin-top: 5px;
}
div#secondary div.wrap div div.latest-blog-item em, div#rightbar div.wrap div.latest-blog-item em {
    display: block;
}
div#secondary div.wrap div div hr, div#rightbar div.wrap div div hr {
    height: 1px;
}
div#secondary div.wrap div div span.date, div#rightbar div.wrap div div span.date {
    margin-top: 5px;
}
div#secondary div.wrap div div span.publisher, div#rightbar div.wrap div div span.publisher {
    margin: 3px 0 3px 0;
    font-style: normal;
}
div#secondary div.wrap div h3, div#rightbar div.wrap div h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 1.25;
}
div#secondary div.wrap div a, div#rightbar div.wrap div a {
    display: block;
    width: 110px;
}
div#secondary div.wrap div a:hover, div#rightbar div.wrap div a:hover {
    color: #87a5b6;
}
div#secondary div.wrap div#linkbox, div#rightbar div.wrap div#linkbox {
    overflow: visible;
}

div#secondary div.wrap div.blog, div#rightbar div.wrap div.blog {
    position: relative;
    font-size: 0; /* Fixes bizarre empty div line-height bug in IE6 */ /* If empty divs in IE are they are smaller than the line-height, font size must be set to 0. */
    background-repeat: no-repeat;
    background-position: right top;
    overflow: hidden;
    background-color: #E5F1F7;
}
div#secondary div.wrap div.blog a, div#rightbar div.wrap div.blog a {
    font-size: 12px;
}
div#secondary div.wrap div.blog h4, div#rightbar div.wrap div.blog h4 {
    font-weight: bold;
}
div#secondary div.small-news-list, div#rightbar div.small-news-list {
    color: #476a7f;
    font-size: 11px;
}
div#secondary div.small-news-list div span, div#rightbar div.small-news-listdiv span {
    font-style: italic;
}
div#secondary div.small-news-list div a, div#rightbar div.small-news-list div a {
    font-weight: bold;
    width: 100%;
}
/* Sub page - Left menu
-------------------------------------------------------------- */
div#left-menu {
    width: 161px;
    float: left;
    min-height: 11px;
    margin-top: -10px;
}
div#left-menu h3 {
    color: #ffffff;
    margin: 10px 5px 0 0;
    text-align: right;
}
div#left-menu ul {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    padding: 5px 5px 5px 0;
    text-align: right;
    list-style-type: none;
    margin-left: 0;
    letter-spacing: -1px;
}
div#left-menu ul li ul {
    padding: 0;
    background: transparent url('../images/bg-divider.png') repeat-x bottom right;
}
div#left-menu a {
    color: #ffffff;
    text-decoration: none;
}
div#left-menu a:hover {
    color: #cfcfcf;
}
div#left-menu a.news-archive-link {
    margin-right: 5px;
    float: right;
}
div#left-menu li {
    line-height: 16px;
    padding: 2px 0 2px 0;
}
div#left-menu li span {
    display: block;
    padding-bottom: 2px;
}
div#left-menu li span.date {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
}
div#left-menu li span.selected, div#left-menu li span.selected a {
    color: #2f4b56;
}
div#left-menu li span.closed {
    background: transparent url('../images/bg-divider.png') repeat-x bottom right;
}
div#left-menu li.last, div#left-menu li.last span.closed {
    background: none;
}
div#left-menu li a {
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    line-height: 16px;
    display: block;
    padding-left: 2px;
}
div#left-menu li ul {
    margin: 0;
    font-size: 12px;
    letter-spacing: 0;
    padding: 0;
    text-align: right;
    list-style-type: none;
    background: none;
}
div#left-menu li ul li {
    background-image: none;
}
div#left-menu li ul li a {
    font-size: 12px;
    letter-spacing: 0;
    display: inline;
}
div#left-menu ul li ul li ul {
    background: none;
}
div#left-menu ul li.focus, div#left-menu ul a:focus {
    color: #2f4b56;
    text-decoration: none;
}
div#left-menu li ul li ul li, div#left-menu li ul li ul li a {
    font-size: 10px;
    letter-spacing: 0;
    font-weight: normal;
    text-decoration: none;
}
/* Front page - Articles
-------------------------------------------------------------- */
div#news {
    position: relative;
    float: left;
    width: 575px;
    margin-top: -40px;
}
div#news h2 {
    display: none;
}
div#news div#news-area {
    background: transparent url('../images/bg-news.png') repeat-y;
    margin-top: 9px;
}
div#news div#article-pusher {
    height: 410px;
}
div#news div#news-bottom {
    width: 575px;
    clear: right;
    float: right;
}
div#news div#bottom-clearer {
    background: transparent url('../images/bg-news-bottom.png') no-repeat top;
    height: 9px;
    width: 575px;
    padding: 0;
    margin: 0;
    clear: right;
    float: right;
    font-size: 0; /* Fixes bizarre empty div line-height bug in IE6 */ /* If empty divs in IE are they are smaller than the line-height, font size must be set to 0. */
}
div#news div#margin-clearer {
    clear: right;
    margin: -1px;
}
div#news div.inner {
    background: transparent url('../images/bg-news-inner.gif') repeat-y;
}
/* Sub page - Content
-------------------------------------------------------------- */
div#content {
    position: relative;
    float: left;
    margin-left: 10px;
    width: 627px;
    margin-top: -5px;
}
div#content.narrow {
    width: 404px;
}
div#content div#content-area {
    background: transparent url('../images/bg-content.png') no-repeat top;
    margin-top: 9px;
}
div#content.narrow div#content-area {
    background: transparent url('../images/bg-content-narrow.png') no-repeat top;
}
div#content div#article-pusher {
    height: 410px;
}
div#content div#content-bottom {
    width: 627px;
    clear: right;
    float: right;
}
div#content.narrow div#content-bottom {
    width: 404px;
}
div#content div#bottom-clearer {
    background: transparent url('../images/bg-content-bottom.png') no-repeat top;
    height: 9px;
    width: 627px;
    padding: 0;
    margin: 0;
    clear: right;
    float: right;
    font-size: 0; /* Fixes bizarre empty div line-height bug in IE6 */ /* If empty divs in IE are they are smaller than the line-height, font size must be set to 0. */
}
div#content.narrow div#bottom-clearer {
    background: transparent url('../images/bg-content-narrow-bottom.png') no-repeat top;
    width: 404px;
}
div#content div#margin-clearer {
    clear: right;
    margin: -1px;
}
div#content div.inner {
    background: transparent url('../images/bg-content-inner.gif') repeat-y;
}
div#content.narrow div.inner {
    background: transparent url('../images/bg-content-narrow-inner.gif') repeat-y;
}
/* Article
-------------------------------------------------------------- */
div.article {
    position: relative;
    background-color: #e5f1f7;
    color: #476a7f;
    padding: 11px;
    width: 531px;
    margin-right: 9px;
    margin-bottom: 11px;
    overflow: hidden;
}
div.article > div {
    overflow: hidden;
}
div.article a:link, div.article a:visited, div.article a:active {
    background: none;
    color: #476a7f;
    font-size: 1em;
    text-decoration: underline;
}
div.article h3 a:link, div.search-result h3 a:link, div.blog-item h3 a:link, div.article h3 a:visited, div.search-result h3 a:visited, div.blog-item h3 a:visited, div.article h3 a:active, div.search-result h3 a:active, div.blog-item h3 a:active {
    text-decoration: none;
}
div.article a:hover {
    color: #87a5b6;
}
div.article a img {
    background-color: #e5f1f7;
    color: #e5f1f7;
}
div.article img {
    margin: 9px;
}
div.article h4 {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0 7px 0; /* Should really be em, but doesn't work OK in IE for some reason */
    letter-spacing: -1px;
}
div.article p.caption {
    padding: 0;
    display: block;
    font-style: italic;
    margin: -1.5em 9px;
    height: auto;
}
div.article br.inline {
    display: none;
}
div.article p.intro {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    vertical-align: top;
}
div.article p.shortbody {
    font-weight: normal;
    margin-top: 1em;
}
div.article a.healthy {
    display: block;
    padding-left: 2em;
    font-style: italic;
    text-decoration: underline;
}
/* Article/News/Search result/Blog
-------------------------------------------------------------- */
div#news div.article, div#blogs div.article, div#ctl00_wideleftcontent_mainContent_blogs div.article {
    width: 531px;
}
div#content div.article {
    width: 584px;
    min-height: 410px;
    height: auto !important;
    height: 410px;
    overflow: visible;
}
div#content.narrow div.article {
    width: 360px;
}
div#content.news div.article {
    min-height: 100%;
    height: 100%;
}
/* Some extra styling for the front page */
div#news div.article img, div#content.news div.article img {
    float: right;
    margin-left: 21px;
}
div.article h3, div.search-result h3, div.blog-item h3 {
    font-weight: bold;
    font-size: 2em; /* approx. 24px */
    margin: 0 0 16px 0; /* Should really be 1em, but doesn't work OK in IE for some reason */
    letter-spacing: -1px;
}
div.article h3 a, div.search-result h3 a, div.blog-item h3 a {
    text-decoration: none;
}
div.article span.sport, div.search-result ul li span.sport, div.article span.date, div.search-result ul li span.date {
    float: left;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 3px 0 3px;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1.4em;
}
div.article span.sport, div.search-result ul li span.sport {
    background-color: #46697e;
}
div.article span.date, div.search-result ul li span.date {
    background-color: #9cb6c5;
    margin-right: 5px;
}
/* Blogs
-------------------------------------------------------------- */
div#blogs, div#ctl00_wideleftcontent_mainContent_blogs {
    position: relative;
    float: left;
    width: 575px;
    margin-top: -5px;
}
div#blogs h2 {
    display: none;
}
div#blogs div#blog-area, div#ctl00_wideleftcontent_mainContent_blogs div#blog-area {
    background: transparent url('../images/bg-news.png') repeat-y;
    margin-top: 9px;
}
div#blogs div#blog-pusher, div#ctl00_wideleftcontent_mainContent_blogs div#blog-pusher {
    height: 410px;
}
div#blogs div#blog-bottom, div#ctl00_wideleftcontent_mainContent_blogs div#blog-bottom {
    width: 575px;
    clear: right;
    float: right;
}
div#blogs div#bottom-clearer, div#ctl00_wideleftcontent_mainContent_blogs div#bottom-clearer {
    background: transparent url('../images/bg-news-bottom.png') no-repeat top;
    height: 9px;
    width: 575px;
    padding: 0;
    margin: 0;
    clear: right;
    float: right;
    font-size: 0; /* Fixes bizarre empty div line-height bug in IE6 */ /* If empty divs in IE are they are smaller than the line-height, font size must be set to 0. */
}
div#blogs div#margin-clearer, div#ctl00_wideleftcontent_mainContent_blogs div#margin-clearer {
    clear: right;
    margin: -1px;
}
div#blogs div.inner {
    background: transparent url('../images/bg-news-inner.gif') repeat-y;
}
div#blogs div.article div.dateblock, div#ctl00_wideleftcontent_mainContent_blogs div.article div.dateblock {
    text-align: center;
    width: 50px;
    height: 40px;
    padding-right: 12px;
    margin-left: -11px;
    float: left;
    background: transparent url('../images/blogs/icon-date.png') no-repeat top;
    overflow: auto;
}
div#blogs div.article div.dateblock div.month, div#ctl00_wideleftcontent_mainContent_blogs div.article div.dateblock div.month {
    font-size: 10px;
    line-height: 10px;
    padding-top: 0;
    margin-top: 0;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
}
div#blogs div.article div.dateblock div.day, div#ctl00_wideleftcontent_mainContent_blogs div.article div.dateblock div.day {
    font-family: Georgia, 'Times New Roman' , Times, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    top: 0;
}
div#blogs div.article a.commentblock, div#ctl00_wideleftcontent_mainContent_blogs div.article a.commentblock{
    clear: left;
    float: left;
    top: 0;
    width: 28px;
    height: 40px;
    position: relative;
    background: transparent url('../images/blogs/icon-comment.png') no-repeat top;
    overflow: auto;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 20px;
    display: block;
}
div#blogs div.article h3 a, div#ctl00_wideleftcontent_mainContent_blogs div.article h3 a {
    font-weight: bold;
    font-size: 1em; /* approx. 24px */
    margin: 0 0 16px 0; /* Should really be 1em, but doesn't work OK in IE for some reason */
    letter-spacing: -1px;
    text-decoration: none;
}
div#blogs div.article h4, div#ctl00_wideleftcontent_mainContent_blogs div.article h4 {
    margin: 0 0 16px 0; /*  Should really be 1em, but doesn't work OK in IE for some reason */
}
div#blogs div.article h4 a, div#ctl00_wideleftcontent_mainContent_blogs div.article h4 a {
    font-weight: bold;
    font-size: 1em; /* approx. 24px */
    letter-spacing: -1px;
}
div#blogs div.article div.mainbody, div#ctl00_wideleftcontent_mainContent_blogs div.article div.mainbody {
    margin: 0 0 1.5em 50px;
    overflow: visible;
}
div#blogs div.article div.tags {
    clear: left;
    background: transparent url('../images/blogs/icon-tag.png') no-repeat top left;
    overflow: hidden;
    padding-left: 43px;
    height: 28px;
    line-height: 28px;
    margin: 1em 0 2em 0;
}
div#blogs div.article div.tags h4 {
    float: left;
    font-style: normal;
}
div#blogs div.article div.tags ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
div#blogs div.article div.tags ul li {
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-left: 0.5em;
    font-family: Arial;
}
div#blogs div.article .blogger-link {
    float: right;
}
div#blogs div.article img.blogger-thumbnail, div#ctl00_wideleftcontent_mainContent_blogs div.article img.blogger-thumbnail {
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    float: left;
    padding: 7px;
    width: 75px;
}
div#blogs ol.comments li, div#ctl00_wideleftcontent_mainContent_blogs ol.comments li {
    margin-bottom: 1.8em;
    background-color: #cee2ee;
    padding: 0.5em;
}
div#blogs ol.comments .footer, div#ctl00_wideleftcontent_mainContent_blogs ol.comments .footer{
    margin-top: 0.4em;
    text-align: right;
}
div#blogs ol.comments .footer h2 {
    margin: 0.5em 0;
    margin-top: 0.2em;
    font-size: 1.1em;
    font-style: italic;
}
div#blogs ol.comments .footer a {
    font-style: normal;
}
div#blogs ol.comments .footer p, div#ctl00_wideleftcontent_mainContent_blogs ol.comments .footer p {
    margin: 0;
    font-style: italic;
}
div#secondary div.wrap div div.blogger-image {
    background-color: #FFFFFF;
    border: 1px solid #dcdcdc !important;
    overflow: hidden;
    padding: 7px;
    position: relative;
    float: left;
}
/* Forms for blogs and profile
-------------------------------------------------------------- */
div#blogs fieldset, div#profile fieldset, div.commentsonblogpage fieldset {
    margin: 1.6em;
    padding: 14px;
    border: 1px solid #476A7F;
}
div#blogs fieldset p, div#profile fieldset p, div.commentsonblogpage fieldset p {
    clear: both;
    margin-left: 150px;
    margin-top: 9px;
}
div#blogs fieldset .glow, div#blogs fieldset span.glow-button, div#profile fieldset .glow, div#profile fieldset span.glow-button, div.commentsonblogpage fieldset span.glow-button {
    clear: both;
    margin-left: 150px;
}
div#blogs label, div#profile label, div.commentsonblogpage label {
    clear: left;
    display: block;
    float: left;
    font-weight: bold;
    text-align: right;
    width: 140px;
    line-height: 30px;
}
div#profile table.field 
{
    width: 200px;
    padding: 4px 2px 20px;
}
div#profile table.field label
{
    line-height: normal;
    width: 20px;
    float:right;
    padding: 0 40px 0 0;
}
div#profile table.field input
{
    padding-top: 2px;
}
div#profile div.label
{
    clear:both;
    font-weight:bold;
    font-size: 1.1em;
    padding-bottom: 10px;
}
div#profile div.labellast
{
    clear:both;
    font-weight:bold;
    padding:15px 0 10px;
    font-size: 1.1em;
}
div#blogs label.left-align, div#profile label.left-align, div.commentsonblogpage label.left-align {
    text-align: left;
    width: 40px;
}
div#blogs label span.small, div#profile label span.small, div.commentsonblogpage label span.small {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 140px;
}
div#blogs input.field, div#profile input.field, div.commentsonblogpage input.field {
    border: 1px solid #AACFE4;
    float: left;
    font-size: 12px;
    margin: 2px 0 10px 10px;
    padding: 4px 2px;
    width: 200px;
}
div#profile input.club,div#profile label.club
{
    margin-top:22px;
}
div#profile select.field{
    border: 1px solid #AACFE4;
    float: left;
    font-size: 12px;
    margin: 2px 0 10px 10px;
    padding: 4px 2px;
    width: 200px;
}

/* Date archive
-------------------------------------------------------------- */
div#secondary div.wrap div.dateTree,div#secondary div.wrap div.dateTreeArchive
{
    font-size: 11px;
    margin-top: 4px;
} 
div.dateTree, div.dateTreeArchive {
    font-family: Verdana,Helvetica,Sans-Serif;
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-transform: capitalize;
}
div.dateTree ul, div.dateTreeArchive ul {
    margin: 0;
    padding: 0;
}
div.dateTree li, div.dateTreeArchive li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.dateTreeArchive li 
{
    padding:4px 0;
   border-bottom: 1px solid #476A7F;
}
div.dateTreeArchive li em
{
    font-style: italic;
    font-size: 11px;
}
div.dateTree ul ul {
    margin: 0 0 0 6%;
}
/* Tag cloud 
-------------------------------------------------------------- */
ul.tagCloud {
    margin: 0;
    padding: 0;
}
ul.tagCloud li {
    display: inline;
    list-style: none;
    list-style-image: none;
    margin: 0 0.4em 0 0;
    vertical-align: baseline;
}
ul.tagCloud h1, ul.tagCloud h2, ul.tagCloud h3, ul.tagCloud h4, ul.tagCloud h5, ul.tagCloud h6 {
    display: inline;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}
ul.tagCloud h1 {
    font-size: 1.6em;
    font-weight: 900;
}
ul.tagCloud h2 {
    font-size: 1.3em;
    font-weight: 700;
}
ul.tagCloud h3 {
    font-size: 1.0em;
    font-weight: 500;
}
ul.tagCloud h4 {
    font-size: 0.9em;
    font-weight: 400;
}
ul.tagCloud h5 {
    font-size: 0.8em;
    font-weight: 200;
}
ul.tagCloud h6 {
    font-size: 0.7em;
    font-weight: 100;
}
div#secondary div.wrap div ul.tagCloud a, div#rightbar div.wrap div ul.tagCloud a {
    display: inline;
    width: auto;
}
/* XForms
----------------------------------*/
.xform {
}
.xform h2 {
    padding: 1em 0;
    margin: 0;
}
.xform legend {
    color: Black;
}
.xform input {
    float: left;
}
.xform input.value {
    border: 1px solid #AACFE4;
    font-size: 12px;
    padding: 4px 2px;
    margin: 2px 0 10px 0;
    width: 50%;
}
.xform textarea.textbox {
    border: 1px solid #AACFE4;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.xform .heading {
    font-weight: bold;
    font-size: 1em;
    padding: 0;
    margin: 0.4em 0em;
}
.xform #id_matrix {
    width: 100%;
    margin: 0;
    padding: 0;
}
.xform #id_matrix td {
    border: 0;
    margin: 0;
    padding: 0.2em 0;
}
span.xformvalidator {
    color: Red;
}
.xform .options {
    float: left;
}
.xform label {
    margin-right: 0.5em;
    float: left;
    width: 142px;
}
#id_matrix br {
    clear: both;
}
.message-posted {
    padding: 1em 0;
    margin: 0;
    font-weight: bold;
}
/* Search result
-------------------------------------------------------------- */
div#content div.search-result, div#content div.search-box {
    position: relative;
    width: 584px;
    background-color: #e5f1f7;
    color: #476a7f;
    padding: 11px;
    margin-right: 9px;
    margin-bottom: 11px;
    overflow: auto;
}
div#content div.search-result {
    min-height: 359px;
}
div#content div.search-box {
    height: 40px;
    overflow: visible;
}
div#content div.search-box div.search-box-inner {
    overflow: hidden;
    width: 175px;
}
div#content div.search-result ul {
    float: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
div#content div.search-result ul li a {
    display: block;
    border-bottom: 1px solid #476A7F;
    font-size: 16px;
    margin-bottom: 5px;
    text-decoration: none;
}
div#content div.search-result ul li p {
    margin-bottom: 10px;
}
/* Right bar
-------------------------------------------------------------- */
div#rightbar {
    position: relative; /* Fixes negative margin bug in IE6. Uses hasLayout on the element with negative margins itself as well as position: relative as an extra kick that is needed to stabilize the fix. */
    margin: -5px 0 0 9px;
    padding: 0;
    display: block;
    float: left;
    width: 190px;
    font-size: 0; /* Fixes bizarre empty div line-height bug in IE6 */ /* If empty divs in IE are they are smaller than the line-height, font size must be set to 0. */
    overflow: hidden;
}
div#rightbar p {
    margin: 0 0 9px 0;
    padding: 0;
    font-size: 12px;
}
div#rightbar h2 {
    text-indent: -9999px;
    height: 30px;
}
div#rightbar a {
    color: #ffffff;
    display: block;
    text-decoration: none;
}
/* Our sports
-------------------------------------------------------------- */
div#rightbar div#sports {
    height: 242px;
    background: transparent url('../images/rightbar/our-sports.sv.png') no-repeat bottom;
}
div#rightbar div#sports ul {
    margin: 0 12px 0 12px;
    padding-left: 0;
    font-weight: bold;
    font-size: 10px;
    text-align: right;
    text-transform: uppercase;
    list-style: none;
}
div#rightbar div#sports ul li {
    position: relative;
    display: block;
    padding-bottom: 2px;
}
div#rightbar div#sports ul li.last {
    background: none;
}
div#rightbar div#sports ul li a {
    margin: 0 5px 0 0;
    height: 16px;
    line-height: 16px;
    display: inline;
}
div#rightbar div#sports ul li a:hover {
    color: #cfcfcf;
}
/* Ski club
-------------------------------------------------------------- */
div#rightbar div#club {
    background: transparent url('../images/rightbar/ski-club.sv.png') no-repeat bottom;
    height: 234px;
}
div#rightbar div#club p {
    font-weight: bold;
    font-size: 13px;
    color: #d4e5f0;
    padding: 8px 25px 0 15px;
    margin: 0 0 10px 0;
}
div#rightbar div#club a {
    font-weight: bold;
    font-size: 11px;
    padding: 0 15px 0 15px;
    color: #e7ddaa;
}
/* Sponsors
-------------------------------------------------------------- */
div#rightbar div.teamsponsors {
    position: relative;
    background: transparent url('../images/bg-sponsors.sv.png') no-repeat top;
    display: block;
}
div#rightbar div.sponsors {
    position: relative;
    background: transparent url('../images/bg-sponsorer.sv.png') no-repeat top;
    display: block;
}
div#rightbar div.sponsors h2, div#rightbar div.teamsponsors h2 {
    margin: 0;
    padding: 0;
    height: 29px;
    width: 190px;
}
div#rightbar div.sponsors a, div#rightbar div.teamsponsors a {
    text-align: center;
    display: block;
}
div#rightbar div.sponsors div.inner-sponsors, div#rightbar div.teamsponsors div.inner-sponsors {
    position: relative;
    display: block;
    float: right;
    width: 168px;
    height: 215px;
    padding: 0 11px 0 11px;
    background: transparent url('../images/bg-sponsors-center.png') repeat-y bottom right;
    overflow: hidden;
}
div#rightbar div.sponsors div.inner-sponsor a, div#rightbar div.teamsponsors div.inner-sponsor a {
    text-align: center;
}
div#rightbar div.sponsors div.inner-sponsors a img, div#rightbar div.teamsponsors div.inner-sponsors a img {
    padding: 5px 0 5px 0;
    background: transparent url('../images/bg-divider.png') repeat-x bottom right;
    display: block;
    margin: 0 auto;
}
div#rightbar div.sponsors div.inner-sponsors a.last img, div#rightbar div.teamsponsors div.inner-sponsors a.last img {
    background: none;
}
div#rightbar div.sponsors div.sponsor-footer, div#rightbar div.teamsponsors div.sponsor-footer {
    position: relative;
    clear: right;
    display: block;
    text-align: right;
    background-color: #469FCE;
    background: transparent url('../images/bg-sponsors-bottom.gif') no-repeat bottom;
    height: 29px;
}
div#rightbar div.sponsors div.sponsor-footer a, div#rightbar div.teamsponsors div.sponsor-footer a {
    position: relative;
    margin: 2px 4px 0 0;
    background: none;
}
div.sponsors-inline {
    position: relative;
    clear: left;
    float: left;
    overflow: auto;
}
div.sponsors-inline a:link, div.sponsors-inline a:visited, div.sponsors-inline a:active {
    display: block;
    float: left;
}
/* Footer
-------------------------------------------------------------- */
div#footer {
    clear: both;
    float: left;
    height: 165px;
    width: 998px;
    color: #ffffff;
    font-size: 11px;
    line-height: 13px;
    margin-top: 9px;
    margin-bottom: 0;
}
div#footer h3.top {
    height: 29px;
    margin: 0;
    padding-left: 12px;
    font-weight: bold;
    font-size: 13px;
    line-height: 29px;
    color: #ffffff;
}
div#footer div img {
    margin-top: 45px;
    margin-bottom: 38px;
    vertical-align: middle;
}
div#footer ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-transform: uppercase;
    font-size: 0;
}
div#footer ul li {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 5px;
}
div#footer div div address {
    margin: 0 0 14px 0;
    font-style: normal;
    font-weight: bold;
}
div#footer div div span {
    margin: 0;
    color: #92cdeb;
    font-style: normal;
    font-weight: bold;
}
div#footer div div span.push {
    width: 40px;
    display: inline-block;
}
div#footer div div a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}
div#footer div div a:hover {
    color: #cfcfcf;
}
div#footer div.half {
    width: 139px;
    margin-top: 1px;
    height: 124px;
    padding: 11px 12px 0 12px;
}
div#footer div.container-left {
    text-align: center;
    width: 326px;
    height: 165px;
    margin-right: 9px;
    color: #9bb1c9;
}
div#footer div.container-center {
    width: 327px;
    height: 165px;
    margin-right: 9px;
}
div#footer div.container-center div.right a {
    font-weight: normal;
}
div#footer div.container-right {
    width: 327px;
    height: 165px;
}
div#footer div.container-right a {
    text-decoration: none;
}
div#footer div.container-right a:hover {
    color: #cfcfcf;
}
/* Pagination
-------------------------------------------------------------- */
ul.pagination-ssf {
    margin: 0 0 0 11px;
    float: right;
}
ul.pagination-ssf li {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 11px;
    list-style: none; /* savers */
    float: left;
    display: inline;
}
ul.pagination-ssf li a, ul.pagination-ssf li span {
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 2px;
    line-height: 24px;
    text-align: center;
    padding-bottom: 1px;
}
ul.pagination-ssf li span {
    background: transparent url('../images/bg-pager-selected-page.png') no-repeat bottom;
    height: 25px;
    width: 23px;
}
ul.pagination-ssf li.dots span {
    background: none;
}
ul.pagination-ssf li a {
    background: transparent url('../images/bg-pager-page.png') no-repeat bottom;
    height: 25px;
    width: 23px;
}
ul.pagination-ssf a:link, ul.pagination-ssf a:visited {
    color: #476A7F;
    display: block;
    float: left;
    text-decoration: none;
}
ul.pagination-ssf li.prev {
    background: transparent url('../images/bg-pager-previous.png') no-repeat bottom;
    width: 31px;
    padding-left: 10px;
    margin-right: -3px;
}
ul.pagination-ssf li.next {
    background: transparent url('../images/bg-pager-page.png') no-repeat bottom;
    width: 20px;
}
ul.pagination-ssf li.prev span, ul.pagination-ssf li.prev a {
    background: none;
    text-align: center;
}
ul.pagination-ssf li.next span, ul.pagination-ssf li.next a {
    background: none;
}
/* If the control renders a span instead of a link means they're off */
ul.pagination-ssf li.prev span, ul.pagination-ssf li.next span {
    color: #888888;
    display: block;
    float: left;
    font-weight: bold;
}
ul.pagination-ssf li.prev a, ul.pagination-ssf li.next a {
    font-weight: bold;
}
ul.pagination-ssf a:hover {
    /*border: solid 1px #ffdd00;*/
}

/* Buttons
-------------------------------------------------------------- */
.glow {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
    margin-left: 2px;
}
.glow-button {
    vertical-align: middle;
    background: url('../images/bg-button.png') left center scroll repeat-x;
    border-style: solid;
    border-width: 1px 0pt;
    margin: 0 0 3px;
    padding: 0;
    width: auto;
}
.glow-button .inner {
    border-style: solid;
    border-width: 0pt 1px;
    margin: 0pt -1px;
}
.glow-button .inner input.glow, .xform .glow-button .inner input.button {
    background-color: transparent;
    margin: 0px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    overflow: visible;
    font-size: 12px;
    width: auto;
}
.glowalternative {
    font-size: 12px;
    float: left;
    margin-left: 5px;
}
.blue, .blue .inner {
    border-color: #4e82ad;
}
.blue input {
    border-color: #6fa0c3;
    color: #fff;
    padding: 4px 10px;
}
.message-box img {
    margin: 0;
    padding: 0;
}
/* Galleria
-------------------------------------------------------------- */
div.image-gallery-surround {
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    margin-bottom: 11px;
    padding: 7px;
    float: left;
}
.image-gallery, .galleria {
    list-style: none;
    margin: 0;
}
ul.image-gallery li {
    position: relative;
    float: left;
}
ul.image-gallery li a img {
    margin: 0;
}
.galleria li {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0;
}
.galleria li a {
    display: none;
}
.galleria li div {
    position: absolute;
    display: none;
    top: 0;
    left: 180px;
}
.galleria li div img {
    cursor: pointer;
}
.galleria li.active div {
    display: block;
}
.galleria li img.thumb {
    cursor: pointer;
    top: auto;
    left: auto;
    display: block;
    width: auto;
    height: auto;
}
#gallerytitle {
    width: 699px;
}
#gallerytitle span.close {
    cursor: pointer;
}
.galleria_wrapper {
    width: 700px;
    height: 458px;
    overflow: hidden;
}
img.replaced {
    overflow: hidden;
}
#image-scroller {
    margin: 0pt auto;
    width: 585px;
    position: relative;
    margin-top: 20px;
}
#image-scroller #gallery-images {
    height: 90px;
    white-space: nowrap;
    width: 585px;
    position: relative;
    display: inline-block;
}
#main-image-wrapper {
    position: relative;
    height: 458px;
    width: 700px;
}
#main-image {
    margin: 0 auto;
    height: 458px;
}
#main-image span.caption {
    display: block;
    height: 10px;
    font-style: italic;
    color: #887;
    padding-left: 5px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li, .jcarousel-item {
    float: left;
    list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 585px;
}
.jcarousel-list li, .jcarousel-item {
    float: left;
    list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}
.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* start tango jcarousel */
.jcarousel-container {
    position: relative;
    display: block;
}
.jcarousel-container-horizontal {
    position: relative;
    width: 585px;
    display: block;
}
.jcarousel-container-vertical {
    position: relative;
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}
.jcarousel-clip-horizontal {
    position: relative;
    height: 85px;
    display: block;
    width: 500px;
}
.jcarousel-clip-vertical {
    width: 75px;
    height: 245px;
}
.jcarousel-item {
    position: relative;
    display: block;
    width: 75px;
    height: 75px; /*margin: 1px;*/
}
.jcarousel-item-horizontal {
    margin-right: 8px;
}
.jcarousel-item-vertical {
    margin-bottom: 10px;
}
.jcarousel-item-placeholder {
    background: #000;
    color: #fff;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: relative;
    float: right;
    top: 28px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.gif) no-repeat 0 0;
}
.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-prev-horizontal {
    position: relative;
    float: left;
    top: 28px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.gif) no-repeat 0 0;
    margin-right: 10px; /* Margin 0 for IE */
}
.jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ui-helper-clearfix {
    display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}
.ui-helper-clearfix {
    display: block;
}
/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff url('../images/stripes.png') repeat scroll 50% 50%;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}

/* Fix for IE6-7 
* html .ui-widget-overlay {
	height: 99% !important;
	width: 101% !important;
}
*/
/* Dialog
----------------------------------*/
.ui-dialog {
    position: relative; /*padding: .2em;*/
    width: auto;
    background-color: #ffffff;
}
.ui-dialog .ui-dialog-titlebar {
    /*padding: .5em .3em .3em 1em;*/
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left; /*margin: .1em 0 .2em;*/
    display: none;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
    display: none;
    cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-close span {
    display: none;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
    display: none;
}
.ui-dialog .ui-dialog-content {
    border: 0; /*padding: .5em 1em;*/
    background: none;
    zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane button {
    float: right;
    margin: .5em .4em .5em 0;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    line-height: 1.4em;
    width: auto;
    overflow: visible;
}
.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
/* Style for QuickLink */
div.article div.QuickLink
{
    margin-top: 15px;
}
div.article div.QuickLink a
{
    margin-right:5px;
}

div.article div.QuickLink img
{
    width: 16px; 
    height: 16px;
    border: 0px;
    margin: 4px 4px 4px 0;
}

#blogContentDiv{/*width:425px;*/overflow:hidden;}
div.blogarticle img {margin: 0;}
div.blogarticle td {margin: 0;padding:0;}
div.commentsonblogpage{clear:both;}
div.article img.blogImage{margin: 0 0 12px 0;}

/* theme page */
#themePage {float: left; width: 777px; padding: 11px 11px 11px 10px;
background-image: url(/images/golden-frame-line.png); background-position: 4px 100%; background-repeat: no-repeat;
background-color: rgba(255, 255, 255, 0.2);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF); /* IE6–IE9 */
zoom: 1;}
#themePage .inner {background: #e9f3f8; padding: 9px 0 9px 9px;}
.top-box {width: 100%; height: 190px; position: relative; margin: 0 0 9px;}
.top-box img {position: absolute; top: 0; left: 0;}
.top-box .content {position: absolute; top: 45px; left: 30px; z-index: 10; width: 480px;}
.top-box h2 {color: #476a7f; font: bold 30px/32px Helvetica, Arial, sans-serif; margin: 0; letter-spacing: -1px;}
.news-box {background: url(/images/news-box-bg.png) repeat-x;}
.news-box h3 {height: 48px; background: url(/images/news-header.png) no-repeat; width: 100%; text-indent: -9999px; margin: 0;}
.news-box ul {list-style: none; margin: 0 13px;}
.news-box li {background: url(/images/divider-line.png) repeat-x 0 100%; padding: 12px 0 14px; width: 100%; overflow: hidden;}
.news-box li:first-child {padding-top: 2px;}
.news-box li .date {color: #FFF; float: left; font-size: 0.9em; font-weight: bold; line-height: 15px; padding: 0 3px; text-transform: uppercase; background: #9CB6C5; margin-right: 5px;}
.news-box li a {float: left; line-height: 15px;}
.news-box li a:hover {color: #476A7F; text-decoration: underline;}
.c-box {float: left; width: 375px; height: 190px; margin: 0 9px 9px 0; position: relative;}
.box-3, .box-2 {border-top: 3px solid #ffe100; height: 187px;}
.small-teasers {list-style: none; clear: both; margin: 0;}
.small-teasers li {float: left; width: 137px; margin: 0 6px 0 0; background: url(/images/small-teaser-bg.png) repeat-x; padding: 8px 5px 5px;}
.small-teasers li img{max-width: 137px;}
.small-teasers h3 {background: url(/images/divider-line.png) repeat-x; padding: 7px 0 0; font: bold 15px/17px Arial, sans-serif; margin: 0 0 1px;}