/* Clone Floating navigation */
.second-menu { margin-top: 5px; padding: 5px; background-color: #FFF}
.second-menu li { width: 22%; float:left; margin-right:10px; margin-bottom: 1px; _width: 170px; background-color: #000; padding-left: 20px; }
.second-menu li a { display: block; background-color: #FFF; padding: 5px 8px; font-size: 14px; font-weight: bold; color: #000 }
.second-menu li a:hover { background: transparent; color: #FFF; text-decoration: none !important }

.color_link1 {background-color:#C3E3E1 !important}
.color_link1:hover { background: transparent !important}
.color_link2 {background-color:#F3B3D6 !important}
.color_link2:hover { background: transparent !important}
.color_link3 {background-color:#DEBEDD !important}
.color_link3:hover { background: transparent !important}
.color_link4 {background-color:#DBF1C0 !important}
.color_link4:hover { background: transparent !important}
/**/

.breadcrumb {padding:5px; margin-bottom:5px; border-bottom:1px solid #d8d6d6}
.breadcrumb a {color:#828282; font-weight:bold;}

/**/

div.titlePage {
	background:#FFF url('../images/bg_titlePage.gif') no-repeat right top; border-top:1px solid #b1b0b0;
	padding:4px 6px 3px; position:relative;
}
div.titlePage h1 {font-size:21px; color:#1da39c; font-family:Tahoma}
div.titlePage h1 span {color:#000}
div.titlePage a.podcast img {position:absolute; top:-1px; right:0}
/**/
.pages_count {
	padding:4px 10px; text-align:center;
	background-color:#dbf0ef;
	font-size:13px; font-weight:bold; font-family:"Trebuchet MS",arial;
}
.pages_count a {color:#000; margin-right:10px}
.pages_count a:hover {color:#0e6f6a; text-decoration:none}
.pages_count a.allpages { padding: 0 4px; background: #1da39c; color: #FFF; font-size: 11px; }
.pages_count a:hover.allpages { background-color: #333; text-decoration: none !important }
.pages_count a.selected { color:#1da39c; text-decoration: underline }

/**/
.mainbar #list_top { background-color:#FFF;}
.mainbar blockquote.rt_position {
	background-color:#f2f2f2; margin:0; padding:6px 0 6px 6px; border-bottom:1px solid #aaaaa9;
}
.mainbar .rt_position .picture { width:250px; }
/**/
.mainbar .rt_position .picture.r{background:#000 url(../images/rt100_r.jpg) no-repeat 80px 30px;}
.mainbar .rt_position .picture.c{background:#000 url(../images/rt100_c.jpg) no-repeat 80px 25px;}
.mainbar .rt_position .picture.u{background:#000 url(../images/rt100_u.jpg) no-repeat 80px 20px;}
.mainbar .rt_position .picture.s{background:#000 url(../images/rt100_s.jpg) no-repeat 80px 25px;}
.mainbar .rt_position .picture.n{background:#000 url(../images/rt100_n.jpg) no-repeat 80px 20px;}
/**/
.mainbar .rt_position .picture p {width:60px; background-color:#1da39c;}
.mainbar .rt_position .picture p strong {
	padding:10px 0px; text-align:center; color:#FFF;
	display:block; background-color:#1da39c; font-family:"impact",arial; font-size:35px
}
.mainbar .rt_position .picture p span {
	padding:6px 6px 5px 6px; display:block; background-color:#17948d; text-align:center;
}
.mainbar .rt_position .picture p span a {margin:5px;}

.mainbar .rt_position div.right {width:370px;}
.mainbar .rt_position h2 {line-height:100%;font-size:23px; color:#1da39c; font-family:"Trebuchet MS",arial;}
.mainbar .rt_position h3 {line-height:100%;font-size:15px; color:#2b2a2b; font-family:"Trebuchet MS",arial;}
.mainbar .rt_position h4 {line-height:100%;font-size:12px; color:#808080; font-family:"Trebuchet MS",arial;}

/* tabs*/
.mainbar .rt_tabs { margin-top: -18px }
.mainbar .rt_tabs ul, .mainbar .tr_tabs ul li {margin:0; padding:0; list-style-type:none}
.mainbar .rt_tabs ul {margin-left: 280px; display:block;}
.mainbar .rt_tabs ul li {display:block; padding-right: 3px; float:left; }
.mainbar .rt_tabs ul li a { cursor: text; display:block; padding: 1px 8px; text-shadow: #fff 0px 1px 0px; font-size: 11px; background:#FFF url('../images/bg_point_grey.gif') repeat left top; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px }
.mainbar .rt_tabs ul li a.is-tab { cursor: pointer }
.mainbar .rt_tabs ul li a:hover { text-decoration: none !important; color: #000 }
.mainbar .rt_tabs ul li a:hover.is-tab { color: #666 }
.mainbar .rt_tabs ul li a.active { cursor: text; padding-bottom: 4px !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 }

.mainbar .rt_tabs .rt_tabs_content {
	border:1px solid #FFF; border-top:0; 
	display:none;
	padding:10px; background:#FFF url('../images/bg_point_grey.gif') repeat left top;
}
.mainbar .rt_tabs .rt_tabs_content blockquote p { margin-bottom: 10px }
.mainbar .rt_tabs .rt_tabs_content .comment_form {
	background-color:#FFF; padding:10px; line-height:230%;
}
.mainbar .rt_tabs .rt_tabs_content .comment_form label {
	display:block; width:110px; font-size:12px; color:#9e9e9e; font-family:verdana;
	float:left;
}
.mainbar .rt_tabs .rt_tabs_content .comment_form input {
	background-color:#FFF; border:1px solid #bbbaba; padding:4px;
	width:215px;
}
.mainbar .rt_tabs .rt_tabs_content .comment_form textarea {
	background-color:#FFF; border:1px solid #bbbaba; padding:4px;
	width:215px;
}
.mainbar .rt_tabs .rt_tabs_content .comment_form  p { margin-bottom:5px }
.mainbar .rt_tabs .rt_tabs_content .comment_form .spinner { margin-top: 5px }
.mainbar .rt_tabs .rt_tabs_content .comment_form input[type="submit"] { float: left; background-color:#1da39c; padding:5px 15px; color:#FFF; width: auto; border: none; margin: 5px 0 }
.mainbar .rt_tabs .rt_tabs_content .comment_form input[type="reset"] { float: left; padding:5px 10px; font-size: 11px; text-decoration: underline; width: auto; border: none; margin: 5px 0; cursor: pointer }

.comment_form textarea.error { border: 1px solid #FF6600 !important; background-color: #FFEAC8 !important }
.comment_form input.error { border: 1px solid #FF6600 !important; background-color: #FFEAC8 !important }
.comment_form span.error { font-size: 10px !important; min-width: 115px !important; background: #FF6600; color: #FFF !important; padding: 1px 3px !important }

.form_results { background: #FFF }


/* Captcha Image & Input */
.mainbar .rt_tabs .rt_tabs_content .comment_form .c_captcha { width: 105px; margin-left: 5px; }
.captcha-validation { border: 1px solid #BBBABA; background: url(../images/loader.gif) no-repeat center center; margin-bottom: 5px; width: 215px; height: 50px; overflow: hidden; position: relative }
.captcha-validation img { border: none }
.captcha-validation .reload { cursor: pointer; position: absolute; right: 5px; bottom: 5px }

/* Share btn */
.mainbar .rt_tabs .rt_tabs_content blockquote { background-color: #FFF; padding: 10px }
.mainbar .rt_tabs .rt_tabs_content blockquote.first { background-color: #EBF5DF }
.mainbar .rt_tabs .rt_tabs_content blockquote p { margin: 0 !important }
.mainbar .rt_tabs .rt_tabs_content input.waiting { background-color: #CCC !important; color: #FFF !important }
.share_this a { border: 1px solid #FFF; display: block; float: left; margin: 3px 1px; width: 60px; text-align: center; color: #333; font-size: 9px; text-transform: uppercase }
.share_this a:hover { border: 1px solid #E6E6E6; text-decoration: none !important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px }
.share_this a span { display: block; text-align: center; height: 32px }


/* Comments  List */
.comments_list { margin-top: 10px }
.comments_list blockquote { margin-bottom: 10px }
.comments_list blockquote h3 { padding-left: 35px; position: relative; font-size: 12px !important; font-weight: normal; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #DEDFDE; color: #999 !important }
.comments_list blockquote h3 img { position: absolute; left: -5px; top: -15px }
.comments_list blockquote h3 a { font-weight: bold; color: #1DA39C }
.comments_list blockquote p { color: #666 }
.comments_list .toolbar { padding: 5px 10px; font-size: 11px; position: relative; margin-bottom: 5px; text-align: center; border-bottom: 2px solid #FFF }
.comments_list .toolbar a { color: #1DA39C }
.comments_list .toolbar a:hover { color: #333 }
.comments_list .toolbar .l { position: absolute; left: 10px; color: #999 }
.comments_list .toolbar .r { position: absolute; right: 10px }
.comments_list .toolbar a.showmeMore { cursor: pointer; font-weight: bold; text-decoration: underline }
.comments_list .toolbar .spinner { vertical-align: middle; margin: 0 5px }



/************************************************************************************/
.podcast_item {padding:10px; border-bottom:1px solid #aaaaa9}
.podcast_item .left.play_podcast {
	width:80px; height:66px; padding:17px 0 0 100px;
	background:url('../images/podcast_item.gif') no-repeat left top;
}
.podcast_item .right.title_podcast {width:420px;}
.podcast_item .right.title_podcast a {color:#828282; font-weight:bold; line-height:100%}
.podcast_item .right.title_podcast a:hover {color:#000; text-decoration:none !important}
.podcast_item .right.title_podcast h2 {color:#1d9d9d; font-size:23px; font-family: "Trebuchet MS", arial;line-height:110%}
.podcast_item .right.title_podcast h2  a {color:#1d9d9d; font-size:23px; font-family: "Trebuchet MS", arial;line-height:110%}
.podcast_item .right.title_podcast p {margin-bottom:5px; color:#828282;}

/************************************************************************************/
.mainbar #events {}
.mainbar #events .item { margin: 5px 0 }
.mainbar #events .item .left { width: 280px }
.mainbar #events .item .left ul { padding: 5px 0; background-image: url(../images/bg_point_grey.gif); float: left; border-left: 5px solid #D70377 }
.mainbar #events .item .left ul li { font-size: 0; padding: 2px 5px } 
.mainbar #events .item .left a.picture { float: left; height: 130px; background: url(../images/spinner.gif) no-repeat 50% 50%; position: relative }
.mainbar #events .item .left a span { position: absolute; left: 0; bottom: 0 }
.mainbar #events .item .right { width: 345px; padding-right: 10px }
.mainbar #events .item .right h2 { font-size: 23px }
.mainbar #events .item .right h4 { font-size: 15px }

.mainbar #events.interviews .left ul { border-left: 5px solid #92278F }



.mainbar #photo-gallery {}
.mainbar #photo-gallery a { margin-right: 15px }
.mainbar #photo-gallery a img { border: 1px solid #CCC; padding: 4px }
.mainbar #photo-gallery a:hover img { border: 4px solid #E1E1E1; padding: 1px }

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 22px; height: 22px; background: url(../images/lightbox/close.png) no-repeat center center;  float: right;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

#lightboxIframe {
	display: none;
}	
