/*\*/* html body { behavior: url("/past/etc/designs/bc/global/csshover3.htc"); } /**/

 /* CSS for c21 Webcast page */

/* kul thapa 02.05.2010 */

#breadcrumb {
    left:25px;
}
#content {
width:720px !important;
background:#EFEBE1 !important;
padding:15px !important;
font-size:11px;
}

#content #primary{
position:relative;
width:730px;
}
.podcast { 
background: transparent url("/past/etc/designs/bc/church21/images/view_podcast.png") no-repeat;
width: 170px;
height: 20px;
cursor: pointer;
float: right;
margin: 20px 15px 0 ;
}
.podcast:hover { 
background: transparent url("/past/etc/designs/bc/church21/images/view_podcast.png") no-repeat 0px  -26px ;
}

#webcast-wrapper {
background: transparent url("/past/etc/designs/bc/church21/images/webcast_outertile.png") repeat;
width:730px;
_width:730px;
padding:15px 0;
text-align:left;
color:#fff;
margin-top:20px;
position:relative;
}   
    
#webcast-wrapper .title {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.5em;
letter-spacing: .03em;
color: #fff;
margin: 5px 0px 15px 0;
text-align:left;
}

#morefeature { 
display:inline-block;
float:right;
_margin:-5px 15px 0 0;
margin:-15px 15px 0 0;
position:relative;
text-align:right;
z-index:999;
}

/*Feature section */

#webcast-wrapper #feature {
width:678px;
_width:678px;
border: 1px solid #222;
background-color: #484238;
padding: 15px 0 15px 20px;
margin:25px 15px;
/*height:363px;*/
_height:353px;
}

.feature-item {
z-index:1;
position:relative;
background:#222;
height:321px;
width: 660px;
}


.feature-item .flashplayer{
padding:1px 0 2px 1px;
float:left;
}

.flash-video-link {
display:none;
}
.item-thumbnail-link {
display:none;
}

.webcast-feature {
float: right;
display:inline;
margin: 15px 15px ;
text-align:left;
width:220px;
color:#A49063;
font:12px bold Arial, Verdana, Geneva, sans-serif;
display:none;
}

.webcast-feature .title2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #990000;
font-weight: bold;
font-variant:normal;
text-align:left;
margin: 10px 0 ;
display:block;
}
.webcast-feature .caption {
font-weight:bold;
display:none !important;
}

.webcast-feature .speakers {
font-weight:bold;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 13px;
}


.webcast-feature .detail {
/*overflow-x: hidden;*/
float:left;
display:inline;
margin-left: 0px;
font-size: 10px;
color: #666666;
width:228px;
_width:220px;
padding:0px 5px 10px 0;
}
.webcast-feature .summary-text {
height:195px;
overflow-x:hidden;
padding:0 5px 0 0;
}

.webcast-feature .summary-text p{
margin-bottom:5px;
}
.webcast-feature .detail .timeplace {
font-family:Arial,  Verdana,  Helvetica, sans-serif;
font-size: 11px !important;
color: #777 !important;
font-weight: bold;
}
.abstract-hover {
display:none}



#content .grid-pane .webcast .timeplace  {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 11px !important;
color: #888 !important;
font-weight: bold;
border-bottom:1px solid #ccc;
margin:4px 0 0;
padding:0 2px 4px 0;
width:285px;
line-height:13px;
}

#content .webcast-feature .detail p {
font-size: 12px;
color: #ccc;
margin: 5px 0 5px 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height:13px;
}

.webcast-feature div.detail {
font-size: 11px;
margin: 5px 0 10px 0;
color: #ccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content .webcast-feature p.date_time, #content .webcast-feature div.date_time {
font-family:Arial, Verdana,  Helvetica, sans-serif;
font-weight:bold;
font-size: 12px;
color: #777 !important;
margin: 10px 0 10px 0;
}
.webcast-feature .buttons {
float: left;
display:inline;
width: 325px;
}

#morefeature ul li.grouptitle, #morefeature ul li.grouptitle:hover{
background-image: none;
width: 200px;
font-size:1.18em;
font-weight:bold;
letter-spacing:0.3em;
margin:2px 5px 0 0;
color:#DFD4BC;
font-family:Arial,Helvetica,sans-serif;
text-align:right;
pointer:none;
}
 #morefeature ul li, #listgrid_strip #morepages ul li, #listgrid_strip ul ul li{ 
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#morefeature ul li{
    width:14px;
    } 

#morefeature ul li, 
#listgrid_strip #morepages ul li{ 
line-height:12px;
_line-height:14px;
margin-right: 4px;
height:14px;
/*width:14px;*/
float:left;
display:inline;
text-align:center;
font-size:11px;
display:block;
color: #fff;
padding:1px 2px;
cursor:pointer;
}

#listgrid_strip #morepages ul li{ 
color: #777;
}


#morefeature ul li.selected, #morefeature ul li.selected a { 
color: #fff;
background:#F60;
cursor:pointer;
line-height:12px;
_line-height:14px;
cursor: pointer;
font-weight:bold;
padding:1px 0;

}
 #listgrid_strip #morepages ul li:hover, #listgrid_strip #morepages ul li.selected:hover { 
background:#ececec;
cursor: pointer;

}
 #listgrid_strip #morepages ul li.selected { 
color: #F30;
cursor:pointer;
line-height:12px;
_line-height:14px;
cursor: pointer;
font-weight:bold;

}

#morefeature ul li a,
#listgrid_strip #morepages ul li a {
text-decoration: none;
display: block;
color: #fff;
}


/*List grid section */
#listgrid {
width:678px;
_width:678px;
padding: 15px 0 15px 0px;
margin:15px 15px;
_margin:15px 15px;

position:relative;
}

#search-webcast {
border:1px solid #666666;
right: 5px;
float:right;
height:18px;
position:relative;
width:275px;
display:block;
}

#search-reset {
float: right;
border: 0;
padding: 0;
margin: 0 16px 0 0;
cursor:pointer;  
  }



#content p.search_label {
margin:5px 15px 5px;
font-size:10px;
text-align:right;
}

#search-webcast form {
float:left;
}
#search-webcast form {
width: 115px;
font-size:10px;
height:18px;
}


#search-webcast .search-submit {
background:transparent url("/past/etc/designs/bc/church21/images/search.gif") no-repeat scroll center;
cursor:pointer;
display:inline;
float:right;
height:17px;
_height:17px;
overflow:hidden;
position:absolute;
right:0pt;
top:0pt;
width:17px;
z-index:99;
}

#search-webcast .search-input {
border:none;
color:#990000;
display:inline;
font-size:11px;
width: 258px;
padding-left:2px;
height:15px;
float:left;
background-color:#fff;
position:absolute;
}
.grid-pane {
/*display:inline;*/
float:left;
height:80px;
margin:0px 22px 8px 0;
padding:0;
width:110px;
display: none; /*pete 4/2/10 */
}



.grid-pane img {
float:left;
width:110px;
_width:110px;
height: 80px;
_height:80px;
margin: 0 0px 8px 0;
_margin: 0 0px 8px 0;
z-index:22;
position:relative;
}

html>/**/body .webcast { top:-65px ; left:113px  }
html>/**/body .webcast.last {top:-65px; left:-325px }


.webcast {
width:300px;
height:100px;
overflow:hidden;
font-size:10px;
padding:10px 8px 0 18px;
line-height: 12px !important;
background:  transparent url("/past/etc/designs/bc/church21/images/text_bubble.png") no-repeat top left;
display:none;
voice-family:"\"}\"";
voice-family:inherit;
top:30px !important;
z-index:9999 !important;
zoom:1;
margin:0;
position:relative;
}

 
 /* Firefox */
@-moz-document url-prefix()
{
.webcast { top:-60px !important; left:113px !important }
}


/* IE */
/*\*/ * html .webcast {top:-55px !important;left:114px !important;} /**/
/*\*/ html*.webcast {top:-55px !important;left:114px !important; } /**/

.webcast.last{
background:  transparent url("/past/etc/designs/bc/church21/images/text_bubble_r.png") no-repeat top left;
top:-55x !important;
left:-326px !important;
}

  /* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
.webcast {top:30px !important;left:1px!important; }
.webcast.last {top:35px !important;left:-440px!important; }
 }
 
.grid-pane .webcast p, .grid-pane .hover-abstract {
line-height: 15px;
color: #444;
width:285px;
margin:4px 0 0;
overflow:hidden;
}

.grid-pane .hover-abstract p{
/*height:30px;*/
}
.grid-pane .webcast p.hover-abstract, .grid-pane .speakers {
display:none;
}

.grid-pane div.details {
float:left;
}
#listgrid_strip .grid-pane  a{
padding:0;
background:none;
}

#listgrid .grid-pane .webcast h2 {
color:#990000;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-variant:normal;
font-weight:bold;
text-align:left;
margin:0;
background:none;
letter-spacing:0;
line-height:13px;
}

/**/

#listgrid .grid-pane .play {
background:transparent url("/past/etc/designs/bc/church21/images/play_vdo.png") no-repeat scroll 0 0;
top:0px;
margin:60px 0  0 60px;
position:absolute;
z-index:99;
width:46px;
cursor:pointer;
display:block;
height:12px;
/*margin:1px 2px 0;
_margin:1px 2px 0;*/
}
#listgrid_strip ul a:hover.play{
background: transparent url("/past/etc/designs/bc/church21/images/play_vdo.png") no-repeat scroll 0 0 !important;
}


#listgrid_strip {
list-style: none;
margin: 0;
padding: 0;
vertical-align: top;
width: 655px;   
}
#listgrid_strip ul {
display: none;      
list-style: none;
margin:-1px 0 0;
padding:0 10px 0 20px;
width:667px;
_width:688px;
_padding:0 0px 0 8px;
height:140px;
background:#fff;
border:1px solid #666;
}
#listgrid_strip ul li {
margin:4px 0;
}
#listgrid_strip ul .gridlayout {
display: block;
background:none;
border:none;
margin:30px 0 0 8px;
/*margin-top:30px;*/
height:90px;
width:670px;
position:relative;

}
#listgrid_strip #morepages  ul li.grouptitle{
margin:2px 10px 0 0;
text-align:right;
width:120px;
}
#listgrid_strip #morepages ul ul{
display:inline;
}
#listgrid_strip ul li#pagelist li{

float:left;
}
#listgrid_strip ul#morepages  li.previousButton , #listgrid_strip ul#morepages  li.nextButton {
margin:3px 0; display: inline; float:left;
cursor:pointer;
height:14px;
width:14px;
line-height:12px;
padding:1px;
}

#listgrid_strip ul#morepages  li.previousButton:hover , #listgrid_strip ul#morepages  li.nextButton:hover { 
background:#ececec;
cursor: pointer;

}
#listgrid_strip ul#morepage li.pageLabel {
margin:4px 0; display: inline; width:120px;
}

#listgrid_strip ul ul#morepage li {
margin:4px 0; display: inline;
}
#listgrid_strip ul#morepages{
display:inline;list-style: none;
margin:-1px 0 0;
height:20px;
background:transparent;
border:none;
/*float:right;*/
margin:5px 0px 0 0;
z-index:99;
color:#333;
width:auto;
}

#listgrid_strip #morepages ul {
display:inline;
margin-top:0px;
height:20px;
padding:0;
border:none;
cursor: pointer;
}
#listgrid_strip #morepages ul ul li a {
padding-left: 20px;
width: 20px;
}
#listgrid_strip a {
color: #333;
cursor: pointer;
display: block;
font-weight: bold;
margin:0;
padding: 4px 2px 4px 17px;
width: 20px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}
#listgrid_strip #morepages ul li a {
    
}
#listgrid_strip a.expanded {
background: transparent url("/past/etc/designs/bc/church21/images/open_close.png") no-repeat right -5px;
width:678px;
border:1px solid #666;
}
#listgrid_strip a.collapsed {
background: transparent url("/past/etc/designs/bc/church21/images/open_close.png") no-repeat right -31px;
width:678px;
border:1px solid #666;
}
#listgrid_strip a:hover {
text-decoration: none;
}
#listgrid_strip #morepages ul li a {
color:#630;
cursor: pointer;
display: block;
font-weight: normal;
margin-left: 0;
padding: 2px ;
width: 15px;
}

#listgrid_strip #morepages li {display:inline;display:inline} 
#listgrid_strip ul#morepages li.pageLabel {  float:left;margin-right:10px;background:#ececec;padding:0 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;}
#listgrid_strip ul#morepages {position:relative;float:right}

#listgrid_strip ul a:hover {
background : #ddd;
text-decoration: underline;
}
#listgrid_strip li.active a {
background: #fff;
}
#listgrid_strip li.active li a {
background: #e8e8e8;
}

li#category1, li#category2, li#category3, li#category4, li#category5 {
margin: 4px 0
}


#footer {
    clear:both;
    color:#666666;
    background-color:#DFD4BC;
    font-size:1em;
    line-height:1.5em;
    /*margin:40px 0 -65px;*/
    overflow:hidden;
    padding:7px 0 0 5px;
    text-align:left;
}

#footer p {
    margin: 0;
    padding: 15px 0;
    }
.left {
    float:left;
    margin-right:10px;
}
.right {
    float:right;
    margin-left:10px;
    text-align:right;
}
#footer pre {
  padding: 20px 0 20px 0;
  margin: 0 20px 0 20px;
  color: white;
  font-family: monaco;
  font-size: 8pt;
}


/* parsys component */
div.par {
    clear: both;
}
div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align:top;
    padding: 0;
    margin: 5px 0 5px 0;
}

div.section {
    margin-bottom: 13px;
    /* Property added to avoid IE hasLayout issue on paragraphs
       see #20817 - IE6: div around Drag Components image not big enough
    */
    zoom: 1;
}

div.parsys_column .section {
    overflow:hidden;
    width: 100%;
}

/* column control layouts */
div.cq-colctrl-cols {width: 100%; float: left; }

div.cq-colctrl-default { width: 100%;}

div.cq-colctrl-lt0 { background: none;}
div.cq-colctrl-lt0-c0 { width: 47%; padding-right: 14px;}
div.cq-colctrl-lt0-c1 { width: 48%; }

div.cq-colctrl-lt1 { background:url(/etc/designs/bc/bcnonav/images/cq-colctrl-lt1.gif) repeat-y scroll 80px 0;}
div.cq-colctrl-lt1-c0 { width: 34%; padding-right: 14px;}
div.cq-colctrl-lt1-c1 { width: 63%;}

div.cq-colctrl-lt2 { background:url(/etc/designs/bc/bcnonav/images/q-colctrl-lt2.gif) repeat-y scroll 8px 0;}
div.cq-colctrl-lt2-c0 { width: 31%; padding-right: 14px;}
div.cq-colctrl-lt2-c1 { width: 31%; padding-right: 14px;}
div.cq-colctrl-lt2-c2 { width: 32%; }

div.cq-colctrl-lt2nl { background:none;}
div.cq-colctrl-lt2nl-c0 { width: 31%; padding-right: 14px;}
div.cq-colctrl-lt2nl-c1 { width: 31%; padding-right: 14px;}
div.cq-colctrl-lt2nl-c2 { width: 32%; }

div.cq-colctrl-lt3 { background:url(/etc/designs/bc/bcnonav/images/cq-colctrl-lt3.gif) repeat-y scroll 08px 0; }
div.cq-colctrl-lt3-c0 { width: 46%; padding-right: 14px;}
div.cq-colctrl-lt3-c1 { width: 24%; padding-right: 14px;}
div.cq-colctrl-lt3-c2 { width: 24%; }

div.cq-colctrl-lt3nl {background:none }
div.cq-colctrl-lt3nl-c0 { width: 46%; padding-right: 14px;}
div.cq-colctrl-lt3nl-c1 { width: 24%; padding-right: 14px;}
div.cq-colctrl-lt3nl-c2 { width: 24%; }

div.cq-colctrl-lt4 { margin:-18px 0pt;}
div.cq-colctrl-lt4-c0 { width: 38%; padding-right: 4px;}
div.cq-colctrl-lt4-c1 { width: 58% }


div.cq-colctrl-lt5 { background:url(/etc/designs/bc/bcnonav/images/cq-colctrl-lt5.gif) repeat-y scroll 130px 0;}
div.cq-colctrl-lt5-c0 { width: 62%; padding-right: 14px;}
div.cq-colctrl-lt5-c1 { width: 34%;}

div.cq-colctrl-lt5nl { background:none;}
div.cq-colctrl-lt5nl-c0 { width: 62%; padding-right: 0px;}
div.cq-colctrl-lt5nl-c1 { width: 34%; margin-left:20px;}

div.cq-colctrl-lt6 { background:url(/etc/designs/bc/bcnonav/images/cq-colctrl-lt6.gif) repeat-y scroll 145px 0;}
div.cq-colctrl-lt6-c0 { width: 72%; padding-right: 14px;}
div.cq-colctrl-lt6-c1 { width: 24%;}

div.cq-colctrl-lt6nl { background:none;}
div.cq-colctrl-lt6nl-c0 { width: 72%; padding-right: 14px;}
div.cq-colctrl-lt6nl-c1 { width: 24%;}


img {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #C2BDB3;
    color:#000000;
    margin:20px 10px 0 0;
    padding:1px;
}


/* Textimage styles */
.textimage img {
    margin:10px 10px 0 0;
}

.textimage .text {
    margin-top:-9px;
}
 .image_right .image_right img {
    float:right;
    margin:10px 0 0 10px;
}
.image_left .image_left img{
    float:left;
    margin:10px 10px 0 0;
}

.original .original img{
    background:transparent none repeat scroll 0 0 !important;
    border:0 none !important;
    padding:0 !important;
    margin:15px 10px 0 0 !important;
}

.original_right.textimage .original_right img, .original_right img{
    background:transparent none repeat scroll 0 0 !important;
    border:0 none !important;
    padding:0 !important;
    float:right !important;
    margin:15px 0 0 10px !important;
}

/* News items */
.image img {
    margin:10px 15px 0 0;
    
}


.news.masterpage #content {
padding-top:20px;
}
.newsinfo p {
font-size:1.1em;
line-height:2em;
}
#content .newsabstract p{
font-size:1.01em; }

#content .newsinfo h1 {
color:#333;
margin-top:50px !important;}

/*RTE styles */
.highlight {color:#990000;
    font-weight:bold;}

span.callout {
    background:#fff;
    border:1px solid #B29D6C;
    width:200px;
    font-size:13px;
    line-height:18px;
    float:right;
    padding:15px;
    margin: 0 10px 10px 10px;}
    
    
    /* Profiles */
.profile_leftcol{width:200px;float:left;margin-right:20px}
.profile_rightcol{width:530px;float:left;}


/* IE Fixes */

/*\*/ * html #webcast-wrapper #feature{ width:685px;margin-left:25px; }/**/
/*\*/ * html #morefeature{ margin-top:0px; }/**/
/*\*/ * html .grid-pane {margin:0px 8px 8px 0;} /**/
/*\*/ * html .webcast-feature .detail {height:240px} /**/
/*\*/ * html .grid-pane {margin:0px 15px 8px 0;} /**/
/*\*/ * html .grid-pane img.trigger {z-index:22;} /**/
/*\*/ * html .grid-pane .webcast { z-index:9999;}/**/
/*\*/ * html #listgrid_strip ul#morepages { width:auto !important;}/**/
/*\*/ * html #listgrid {padding: 0px 15px 15px}/**/

/*\*/ * html #morefeature  { margin:-5px 15px 0 0;display:inline} /**/

#morefeature *:first-child+html {margin:-5px 15px 0 0;display:inline} #morefeature * html {margin:-5px 15px 0 0;display:inline}


/*\*/ * html #listgrid_strip ul#morepages{width:210px;}/**/
 
 /* Firefox */
@-moz-document url-prefix()
{
#morefeature{ margin:-10px 15px 0 0 !important; }
}

/*\*/ * html .grid-pane {
position:relative;
width:110px;
display: none; /**/
}

/*\*/ * html .webcast {
top:35px !important;
left:114px !important;
position:absolute;
}/**/

/*\*/ * html .grid-pane .webcast.last{
background:  transparent url("/past/etc/designs/bc/church21/images/text_bubble_r.png") no-repeat top left;
top:35px !important;
left:-326px !important;
}/**/


/* ie 8*/

veinte { color/*\**/: blue\9 }
#veinte { background-color/*\**/: yellow\9 }