/* Default CSS Stylesheet for content pages */

BODY {
	BACKGROUND-COLOR: white;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	LETTER-SPACING: normal;
	TEXT-TRANSFORM: none;
	WORD-SPACING: normal;
	color: #000000;
	font-size:14px;
	padding-top:40px;
	padding-left:35px;
	width:850px;	
}
.panelleftcolumn{float:left; /*width:45%;*/ position:relative;}
.panelrightcolumn{float:right; /*width:55%;*/ position:relative;}
.column-transcript{ width:100%; }, .column-abstract { padding-left: 0px; }
#transcript {
	padding: 10px;
	background: #FFF;
	font-size: small;
	border: 1px solid #9BA6C2;
	height: 150px;
	overflow: auto;
	color: #8c8989;
	max-width:283px;
	width:auto;
}
#transcript1 {
	padding: 10px;
	background: #FFF;
	font-size: small;
	border: 1px solid #9BA6C2;
	height: 150px;
	overflow: auto;
	color: #333;
	max-width:283px;
	width:auto;
	float:left;
	
	
}
.linebreak{
	width:100%;
	height:10px;
	}


#togglebutton {
	max-width:304px;
	width:100%;
	background-image:url(../shared_images/transcript_btn_bg.png);
	border: 1px solid #B3B0B0;
	font-size:11px;
	color:#4B4949;
	line-height:25px;
	text-indent:10px;
	
}

.transcripthighlight{
	color:#131313 !important;
}
#transcript > span:not(.transcripthighlight){
 opacity:0.5 !important;
}
/*
#transcript > .transcripthighlight{
	color:#000000 !important;
}
	
#transcript > span:not(.transcripthighlight){
 opacity:0.5 !important;
}	
*/
.ntext{
	color: #8C8989;
}
.span{
	line-height:12px;
	
	}
.bordered-video { border: 2px solid #9BA6C2; margin: 0 auto; }
#transcript.enabled span:hover {
	/*background: #FF3;*/
	cursor: pointer;
	/*box-shadow: 0px 2px 2px rgba(0,0,0,.33);*/
	/*-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.33);*/
	/*-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.33);*/
	/*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#CCC, offX=0, offY=1, positive=true);*/	
}


/*<!--<!--hr {
	display:none;
}-->-->*/

/* Basic states */

a:link, a:visited {text-decoration:underline; color:#238EB2;}

a:active {text-decoration:none;	color:#333399;}

a:hover {text-decoration:underline;color:#105172;}

p {color: #000000; font-size:14px; margin-top:0; vertical-align:top; padding-right:30px;}

ul {color: #000000;font-size:14px; padding:0; margin-left:0; }

ul li {color: #000000;font-size:14px; padding-left:0;  margin-left:0;}


.boldtext {font-weight:bold;color:#000;}

/* Titles */


H1 {
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
	COLOR: #f15c22;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}
H2 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #f15c22;
	font-size: 14pt;
	font-weight:	bold;
	font-style:	normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
}

#hideshow{
	width:100px;
	text-align:center;
	padding-bottom:1px;
	padding-top:1px;
	font-size:12px;
	float:right;
}

#caption {
	padding: 10px;
	background: #333C45;
	color: #FFF;
	font-size: small;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-top: 1px solid #9BA6C2;
	min-height: 3em;
	height:auto;
}
H3 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	color: #105172;
	font-weight: 500;
	font-style:	normal;
	text-decoration: none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}
H4 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	color: #99CC33;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}
H5 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #99CC33;
}

/* Layout */

.content{
	width:700px;
	float:left;
	height:100%;
}

.Pictures{
	width:150px;
	float:right;
	
}
.tip{
	width:130px;
	float:right;
	
}
#flashcontent{ width:700px; float:left;
}
#flashcontent2{ width:700px; float:left;
}
/* Panels */

.infopanel{ width:700px; float:left; margin-top: 20px; line-height:20px;}
.infopaneltext{ border-left: 2px solid #666; width:450px; float:left; color: #000000; font-size:14px; padding-left:20px;}
.infopanelicon{width:65px; float:left;}
.infopanelpicture{width:150px; float:right;}

.infopanel2{ width:700px; float:left; margin-top: 20px; line-height:20px;}
.infopaneltext2{ border-left: 2px solid #666; width:610px; float:left; color: #000000; font-size:14px; padding-left:20px;}
.infopanelicon2{width:65px; float:left;}
.infopanelpicture2{width:310px; float:right; padding:15px;}
.sub{ float:left; width:100%; margin-top:20px;}

.writingpanel{ width:700px; height:300px; float:left; margin-top:30px;}

.formattedtext{float:left; width:550px;text-align:center; background-color:#FFF; border: 1px solid #666; padding:10px;}
.formattedtext b{ font-weight:bold; text-align:center;}
.formattedtext p{ font-weight:normal; text-align:left; padding:0; margin:0;}
.formattedtext ul{ margin-top:0; padding-top:0;}
.formattedtext ul li{
	float:left;
	display:block;
	background-image:url(../shared_images/formattedtext_bullet.jpg);
	text-align:left;
	padding-left:15px;
	padding-right:10px;
	background-position: left center;
	background-repeat: no-repeat;
}


.formattedtext2{float:left; width:570px;text-align:center; border: 1px solid #666; padding:10px; margin-bottom:15px; margin-right:150px; background-color:#FFF; }
.formattedtext2 b{ font-weight:bold; text-align:center; font-size:16px;}
.formattedtext2 p{ font-weight:normal; text-align:left; padding:0; margin:0;}
.formattedtext2 ul{ margin-top:0; padding-top:0;}
.formattedtext2 ul li{
	float:left;
	display:block;
	text-align:left;
	padding-left:5px;
	padding-right:10px;
	
}
.formattedtext2 ul li img{padding-right:5px;}
.formattedtext3{float:left; width:570px; text-align:center; border: 1px solid #666; margin-bottom:15px;  background-color:#FFF; }


#d1{ background-image:url(../shared_images/showhidebg.jpg); }



.bullets{background-image:url(../shared_images/formattedtext_bullet.jpg);background-position: left center;
	background-repeat: no-repeat;padding-left:15px; margin-left:15px;}
.bullets2{background-image:url(../shared_images/formattedtext_bullet2.jpg);background-position: left center;
	background-repeat: no-repeat;padding-left:15px; margin-left:15px;}
	.bullets3{background-image:url(../shared_images/formattedtext_bullet2orange.jpg);background-position: left center;
	background-repeat: no-repeat;padding-left:15px; margin-left:15px;}
.formattedtextarea{ border:0;}

/* forms */
.p2{ width:150px; float:left; height:18px;}
#checkbox{ padding-left:10px;}
.form{ float:left; width:100%; margin-top:20px;}