/* CSS for c21 On demand Webcast version1 */

/* kul thapa 02.23.2010 */

#main {
width:785px;
}

#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("../images/viewPods.gif") no-repeat;
width: 155px;
height: 20px;
cursor: pointer;
float: right;
margin-right:-20px;
_margin-right:-30px;
}

/*Feature section */

#feature {
width:730px;
_width:740px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
padding: 15px 0 15px 20px;
margin-top:20px;
height:265px;
_height:255px;
}

#feature .title {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.18em;
letter-spacing: .16em;
color: #666666;
font-weight: bold;
margin-top: 5px;
}

.feature-item {
z-index:1;
position:absolute;
background:#fff;
height:235px;
display:none;
font-size:65%;
}

.feature-item img {
float: left;
padding: 1px;
margin:10px 15px 0px 0;
width:247px;
height:184px;
}

.feature-item .webcast {
float: left;
width:425px;
margin-right: 10px;
display:inline;
}

.feature-item .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 5px;
display:block;
}

*+html .feature-item .title2 {width:460px} /*** IE7 Only ***/ 
.feature-item .webcast .detail {
height: 150px;
_height: 150px;
overflow-x:hidden;
overflow:hidden;
overflow-y:auto;
margin-right:8px;
_margin-right:5px;
padding:0px 0pt 5px 0;
_padding:0px 0pt 3px 0;
line-height: 12px !important;
background-color:#FFFFFF;
}

.feature-item .webcast .detail .timeplace, .grid-pane .webcast .timeplace  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px !important;
color: #666666;
font-weight: bold;
}

.feature-item .webcast .detail p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
margin: 10px 10px 10px 0;
line-height:16px;

}
.feature-item .webcast .detail p.speakers {
color:#6F6045;
font-size:11px !important;
font-weight:bold;
letter-spacing:0.02em;
margin:0 0 0 3px !important;
}
.feature-item .webcast .detail p.timeplace {
margin:0 0 0 3px !important;
font-weight:normal;
}
.feature-item .buttons {
float: left;
width: 325px;
}
*html .feature-item .buttons {
margin-top:10px;
}

.feature-item .hi-band, .feature-item .buttons .low-band, .feature-item .buttons .audio-only {
border: 1px solid #999999;
height: 18px;
cursor: pointer;
float:left;
display:inline;
margin:15px 2px 0;
_margin:5px 2px 0;
}

.feature-item .buttons .hi-band:hover, .feature-item .buttons .low-band:hover, .feature-item .buttons .audio-only:hover {
border: 1px solid #990000;
_border: 1px solid #990000;
height: 18px;
cursor: pointer;
_cursor: pointer;
}

.feature-item .buttons .hi-band {
width: 110px;
background:transparent url("../images/hi-band.gif") no-repeat scroll;
}

.feature-item .buttons .low-band {
width: 105px;
background:transparent url("../images/low-band.gif") no-repeat scroll;

}

.feature-item .buttons .audio-only {
width: 76px;
background:transparent url("../images/audio-only.gif") no-repeat scroll;

}

#morefeature { 
margin:215px 15px 0 0;
_margin:215px 15px 0 0;
float: right;
display:inline;
-margin-left:80px;
text-align: right;
z-index:999;
position:relative;
}
#morepages { 
margin:0px 15px 10px 0;
_margin:0px 10px 10px 0;
float: right;
display:inline;
_margin-left:20px;
text-align: right;
padding:1px 0 3px;
}
*html #morepages { 
padding:1px 0 2px;
margin-top:10px;
}
#morefeature ul, 
#morepages ul { 
text-align: left;
color: #999999;
background: transparent;
}

#morefeature ul li.grouptitle, #morefeature ul li.grouptitle:hover{
background: white;
width: 160px;
margin-right: 5px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
color: #999999;
text-align:right;
border:none !important;
}

#morepages ul li.grouptitle, #morepages ul li.grouptitle:hover {
background: white;
width: 30px;
_width: 15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
color: #999999;
text-align:right;
border:none !important;
margin-bottom:10px;
}

#morefeature ul li, 
#morepages ul li{ 
background: #fff;
line-height:12px;
_line-height:14px;
margin: 0 4px 4px 0;
height:14px;
width:14px;
float:left;
display:inline;
text-align:center;
font-size:9px;
display:block;
color: #CC9966;
cursor:pointer;
border:1px solid #CC9966;
}

#morefeature ul li.selected, #morefeature ul li.selected a,
#morepages ul li.selected, #morepages ul li.selected a
 { 
background: #CC9966;
color:#ffffff;
line-height:12px;
_line-height:14px;
cursor: pointer;
border:1px solid #CC9966;

}
#morefeature ul li a,
#morepages ul li a {
text-decoration: none;
display: block;
color: #CC9966;
}
#morefeature ul li a:hover,
#morepages ul li a:hover,
#morefeature ul li:hover,
#morepages ul li:hover {
background: transparent url("../images/pageSelected.gif") no-repeat;
text-decoration: none;
display: block;
color: #FFFFFF;
}


/*List grid section */
#listgrid {
width:730px;
_width:730px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
padding: 15px 0 15px 20px;
margin-top:20px;
_margin-top:5px;
height:690px;
_height:700px;

}

#listgrid .title {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.18em;
letter-spacing: .02em;
color: #666666;
font-weight: bold;
margin-top: 5px;
}

/* Sort and Search  webcast*/

#sort {
/*width: 530px;*/
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
height:25px;
width:680px;

}
#sort-webcast-cell{
background: #DFD4BC url() center no-repeat;
width: 352px;
}

#sort-webcast{
border:1px solid #C39D75;
background: #DFD4BC url() center no-repeat;
width: 352px;
font-size: 11px;
float: left;
margin-right: 12px;
height:18px;
color:#990000;

}
#search-webcast {
border:1px solid #C39D75;
float:left;
height:18px;
position:relative;
width:165px;
}

#sort-webcast form, #search-webcast form {
float:left;
}

#sort-webcast form {
width: 346px;
font-size:10px;

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

#sort-webcast input {
background:transparent url("../images/dropdown_arrow.gif") no-repeat scroll 2px center;
border: none;
float:left;
display:inline;
font-size:10px;
height:20px;
line-height:20px;
z-index:9;
width: 346px;
}
#sort-webcast #selector {
background: #DFD4BC url() center no-repeat;
display:block;
float:left;
height:20px;
overflow:hidden;
width:20px;
font-size:10px;
}
.focal-issues, .types {
background-color:#DFD4BC;
background-repeat:no-repeat;
clear:both;
font-family:verdana;
font-size:10px;
font-weight:bold;
padding:4px;
width:100%;
color:#990000;

}
.list {
background-color:#EFEBE1;
clear:both;
font-family:verdana;
font-size:11px;
padding:4px;
text-indent:15px;
_text-indent:15px;
color:#990000;
}
.list:hover, #sort-webcast input:hover{
color:green;
}

#sort-webcast .search-option:hover {
background-color:#FFFFFF;
color:#000000;
}
#sort-webcast .search-option-selected {
background-color:#FFFFFF;
}

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

#search-webcast .search-input {
border:none;
color:#990000;
float:left;
clear:both;
font-size:11px;
width: 140px;
_width:135px;
padding-left:2px;
}

*html  #search-webcast .search-input {
	border:0px;
}
.grid-pane {
width:340px;
height:170px;
padding:8px 0 8px 8px;
position:relative;
background-color:#CCCCCC;
margin: 8px 14px 8px 0;
float:left;
display:inline;
}
.grid-pane img {
float:left;
max-width:125px;
_width:125px;
max-height: 92px;
_height:92px;
margin: 0 0px 8px 0;
_margin: 0 10px 4px 0;
}
.grid-pane .webcast {
width:168px;
height:150px;
overflow-x:hidden;
overflow:hidden;
overflow-y:auto;
float:right;
margin-right:8px;
_margin-right:5px;
padding:10px;
line-height: 12px !important;
background-color:#FFFFFF;
}

.grid-pane .webcast p {
line-height: 15px !important;
color: #666666;
}
.grid-pane div.details {
float:left;
}
#listgrid .grid-pane .webcast h2 {
color:#990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-variant:normal;
font-weight:bold;
text-align:left;
margin:0;
letter-spacing: .02em;
}
#listgrid .grid-pane .webcast p.speakers {
color:#6F6045;
font-size:10px !important;
font-weight:bold;
letter-spacing:0.02em;
margin:4px 0 0 3px !important;
}
#listgrid .grid-pane .webcast p.timeplace {
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px !important;
font-weight:normal;
margin-top:0 !important;
margin-left: 3px !important;
}
/* Pane buttons*/


.buttons2 {
width: 108px;
height: 17px;
float: left;

}
#listgrid .buttons2 .hi-band, #listgrid .buttons2 .low-band, #listgrid .buttons2 .audio-only {
border: 1px solid #CCCCCC;
height: 17px;
width: 108px;
cursor: pointer;
float:left;
display:inline;
margin:1px 2px 0;
_margin:1px 2px 0;
}

#listgrid .buttons2 .hi-band:hover, #listgrid .buttons2 .low-band:hover, #listgrid .buttons2 .audio-only:hover {
border: 1px solid #999999;
_border: 1px solid #999999;
height: 17px;
cursor: pointer;
_cursor: pointer;
}

#listgrid .buttons2 .hi-band {
width: 108px;
background:transparent url("../images/hi-band_gray.gif") no-repeat scroll;
}

#listgrid .buttons2 .low-band {
width: 108px;
background:transparent url("../images/low-band_gray.gif") no-repeat scroll;

}

#listgrid .buttons2 .audio-only {
width: 108px;
background:transparent url("../images/audio-only_gray.gif") no-repeat scroll;

}

span.labelhead, span.labelsubhead {
color:green;
font-family:arial, sans-serif;
font-size:10px;
font-variant:normal;
font-weight:normal;
margin-left: 20px;
}


.grid-pane .category,.grid-pane .type {
display:none;
}


body.c21webcast1 .textimage .text {
margin-top:0px;
}

/* Temporarily hiding summary on all items*/

.grid-pane .webcast .summary {
visibility:hidden;
}