@import url(topbar/css/topbar.css);
@import url(Calendar/css/calendar.css);

.icon-calendar
{
	background-image: url('/design/brunstad/images/icon-calendar.png');
	background-repeat: no-repeat;
	display: inline-block;
	height: 23px;
	margin-right: 5px;
	vertical-align: middle;
	width: 24px;
}
.icon-songmission
{
	background-image: url('/design/brunstad/images/icon-songmission-clock.png');
	background-repeat: no-repeat;
	display: inline-block;
	height: 24px;
	margin-right: 5px;
	vertical-align: middle;
	width: 24px;
}

/* Birthday widget START */
.icon-birthday
{
	background-image: url('/design/brunstad/images/icon-birthday.png');
	background-repeat: no-repeat;
	display: inline-block;
	height: 24px;
	margin-right: 5px;
	vertical-align: middle;
	width: 24px;
}

.brunstad_birthday-today ul li span.age {
  font-weight: bold;
  margin-right: 5px;
  float:right;
  display:block;
}
/* Birthday widget END */

/* Generic CSS */
/*
* Block
*/
.brunstad_block {
  margin-bottom: 20px;
  overflow: hidden;
  line-height: 1em;
  font-size:14px;
  font-family: Helvetica Neue, Helvetica, Arial, Sans-Serif;
}
.brunstad_block ul,
.brunstad_block li {
  margin-bottom: 0;
  clear: both;
  font-style:normal;
  font-weight:normal;
  left:0;
  position:static;
  font-size:1em;
}
.brunstad_block a
{
    color:#005698;
    text-decoration:none;
}
.brunstad_block a:hover
{
    color:Black;
}
.brunstad_block ul 
{
  margin:0;
  padding:0;
  list-style: none;
}
.brunstad_block ol 
{
  margin:0px 0px 0px 18px;
  padding:0;
}
.brunstad_block ol li
{
  color:gray;
}
.brunstad_block table {
  width: 100%;
}
.brunstad_block ul li{
  overflow: hidden;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #eaeaea;
}
.brunstad_block ul li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.brunstad_block ul ul {
  margin: 5px 0;
}

.brunstad_block ul ul li {
  margin-top: 5px;
  padding-top: 0px;
  line-height: 1.2em;
  border-top: none;
}
.brunstad_block .brunstad_title {
  padding: 8px 8px 5px 7px;
  color: #ffffff;
  background-image : url(/design/brunstad/images/sidebox-blue.png);
  background-position : 0% 0%;
  background-repeat : repeat-y;
  border-bottom : 1px solid #25516F;
  
    /*
  padding: 12px 10px 12px 40px;
  text-transform: uppercase;
  background: url(images/block-title-background.jpg) top repeat-x #313f4c;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;*/
}
.brunstad_block .brunstad_title a, .brunstad_block .brunstad_title a:hover
{
    color: #ffffff;
}
.brunstad_block .brunstad_title a:hover
{
    text-decoration: underline;
}
.brunstad_block .brunstad_content {
  overflow: hidden;
  padding: 15px;
  border-right: 1px solid #dedddb;
  border-bottom: 1px solid #dedddb;
  border-left: 1px solid #dedddb;
  font-size: 0.8em;
  background: url(images/block-background.jpg) top repeat-x #fdfcf8;
}
.brunstad_block .brunstad_button {
  display: block;
  margin: 20px 0 0;
  padding: 6px;
  background: url(images/block-button-background.jpg) 50% 50% repeat-x #e4e4e4;
  text-align: center;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.brunstad_block .brunstad_button span {
}
.brunstad_block h3
{
    font-size: 14px;
    font-family: Arial, Helvetica; /*, Georgia, serif;*/
    font-weight: lighter;
    margin:0;
}
.brunstad_block h4
{
    font-size: 11px;
    margin:0;
    padding:0;
}

.anythyingWindow { background: #FFF url(/images/ticker_blue.gif) no-repeat 0 0; margin: 0 auto 10px!important;}
#headline-wrapper { width: 640px; overflow: hidden; height: 30px; display:none;}
#headline-wrapper, #headline-wrapper li {list-style:none;}
.headline {padding: 3px 0px; line-height: 25px;}
.headline > div {float: left; color: #6495ed; font-size: 10px;}
.headline > div:first-child {width:50px; font-weight: bold; text-align: center;}
.headline > .ticker {padding: 0 5px;}
.headline > .ticker a {padding: 0 5px; color: #6495ed;}

/** anythingSlider reset**/
div.anytingSlider {padding: 0px !important;}
div.anythingSlider.activeSlider .anythingWindow {border: 0px!important;}
div.anythingSlider.anythingSlider-metallic.activeSlider {padding: 0!important; background: #FFF url(/images/ticker_blue.gif) no-repeat 0 0!important; margin-bottom: 6px;}

/** jQuery Tabs Reset **/
div#tabs > ul.ui-tabs-nav {background: white!important; border: 0px!important; border-bottom: 1px solid #CCC!important; }
div#tabs > ul.ui-tabs-nav > li {border-color: #ccc!important;}
/**div#tabs > div.panel a, div#tabs > div span, div#tabs > div {display: block!important; }**/
div#tabs div.ui-tabs-panel div.teaser-holder, div#tabs div.ui-tabs-panel div.teaser-holder > a, div#tabs div.ui-tabs-panel div.teaser-holder > a > span.image {display: block;}
div#tabs div.teaser-holder {background-repeat: no-repeat; width: 150px!important; height: 220px!important; overflow: hidden; float: left;}

div#tabs div.teaser-holder, div#tabs div.teaser-holder a, div#tabs div.teaser-holder span {width: 150px;} 
div#tabs div.teaser-holder { margin-right: 7px; }
div#tabs div.teaser-holder > a, div#tabs div.teaser-holder  a > span.image { height: 85px;}
div#tabs div.teaser-holder > a {margin-bottom: 7px;} /** teaser-image **/
div#tabs div.teaser-holder > a > span { background-repeat: no-repeat; background-position: 50%; }
div#tabs div.teaser-holder > div {font-family: Helvetica, Arial, Verdana,sans-serif;font-size: small;}
div#tabs div.teaser-holder div.title a {color: #1867C3; text-decoration: none; font-size: 14px;}
div#tabs div.teaser-holder > div.date {color: #959595; font-size: 10px;}