/* body */
body {
	font-family: Verdana, Arial;
	font-size: 11px;
	background: #bac5d4;
	color: #000; 
	padding: 0;
	margin: 0;
}

body.mai{
	background: #bac5d4 url(../images/bg_dib.gif) top left repeat-x; 
}

body.vid{
	background: #bac5d4 url(../images/bg_vid.gif) top left repeat-x; 
}

body.vidt{
	background: #bac5d4 url(../images/bg_vidt.gif) top left repeat-x; 
}


/* img */
img {
	border: 0;
}



/* ================== DIVs ================= */
#wrapper {
	width: 839px;
	padding: 0;
	margin: 0px auto;
}

#wrapper_construction{
	background:transparent url('../images/under_construction.png') 0px 0px no-repeat;
	/*width: 839px;*/
	height:800px;
	width: 870px;
	padding: 0;
	margin: 0px auto;
}

#wrapper_construction #content{
	position:relative;
	width: 100%;
	top:200px;
	margin: 0px auto;
	width:400px;
	font-size:24px;
}


/* TITLES */
/* top_wrapper >  ti_page, ti_dib */
#top_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 839px;
	height: 38px;
	margin: 0;
	padding: 0;
	z-index: 700;
}


#ti_siteindex, #ti_siteindex a {
	float:right;
	height: 38px;
	width:150px;
	z-index:2500;
}

#ti_intro, #ti_intro a {
	float:right;
	height: 38px;
	width:150px;
	z-index:2500;
}

#ti_credits, #ti_credits a {
	float:right;
	height: 38px;
	width:150px;
	z-index:2500;
}

#ti_glossary, #ti_glossary a {
	float:right;
	height: 38px;
	width:150px;
	z-index:2500;
}

 #ti_page a {
	display: block;
	cursor: pointer;
	width: 600px;
	height: 38px;
}

/* title: Deutsch im Blick */
#ti_dib {
	position: absolute;
	top: 0px;
	left: 600px;
	margin: 0;
	padding: 0;
	z-index: 10;
}



#ti_dib, #ti_dib a {
	display: block;
	cursor: pointer;
	width: 239px;
	height: 38px;
}

#ti_dib a       { background: transparent url(../images/ti_dib.gif) 0 0 no-repeat; }
#ti_dib a:hover { background: transparent url(../images/ti_dib_o.gif) 0 0 no-repeat; }

#ti_dib_home {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	z-index: 100;
}

#ti_dib_home, #ti_dib_home a {
	display: block;
	cursor: pointer;
	width: 830px;
	height: 160px;
}

/*#ti_dib_home a       { background: transparent url(../images/ti_dib_home.png) 0 0 no-repeat; }
#ti_dib_home a:hover { background: transparent url(../images/ti_dib_home_o.png) 0 0 no-repeat; }*/



/* frame_top_wrapper */
#frame_top_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 839px;
	height: 108px;
	margin: 0;
	padding: 0;
	background-color: #5f6d80;
	z-index: 10;
}

/* frame_top_wrapper */
#frame_top_wrapper_home {
	background:url(../images/right_bor.gif) 839px 0px no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
	width: 834px;
	/*height: 140px;*/
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #5f6d80;
	z-index: 10;
}


/* frame_top_wrapper > frame_top */
#frame_top {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}

#frame_top_cor_left {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 200;
}

#frame_top_cor_right {
	position: absolute;
	top: 0px;
	left: 816px;
	z-index: 200;
}


/* frame_top_wrapper > istrip_wrapper */
#istrip_wrapper {
	position: absolute;
	top: 7px;
	left: 7px;
	/*width: 820px;*/
	width: 650px;
	height: 160px;
	z-index: 100;
	overflow: hidden;
}

#istrip {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
}

#istrip li {
	list-style: none; 
	position: absolute; 
	top: 0;
	margin: 0; 
	padding: 0; 
}

#istrip li, #istrip li a {
	height: 70px; 
	display: block;
}

#is_00 { left:-360px;  width: 65px; }
#is_01 { left:-288px;  width: 65px; }
#is_02 { left:-216px;  width: 65px; }
#is_03 { left:-144px;  width: 65px; }
#is_04 { left: -72px;  width: 65px; }
#is_05 { left:     0;  width: 65px; }
#is_06 { left:  72px;  width: 65px; }
#is_07 { left: 144px;  width: 65px; }
#is_08 { left: 216px;  width: 65px; }
#is_09 { left: 288px;  width: 65px; }
#is_10 { left: 360px;  width: 65px; }
#is_11 { left: 432px;  width: 65px; }
#is_12 { left: 504px;  width: 65px; }
#is_13 { left: 578px;  width: 65px; }
#is_14 { left: 650px;  width: 65px; }
#is_15 { left: 772px;  width: 65px; }
#is_16 { left: 794px;  width: 65px; }
#is_17 { left: 866px;  width: 65px; }
#is_18 { left: 938px;  width: 65px; }
#is_19 { left:1100px;  width: 65px; }
#is_20 { left:1082px;  width: 65px; }



/*
#is_00 { left:-375px;  width: 65px; }
#is_01 { left:-300px;  width: 65px; }
#is_02 { left:-225px;  width: 65px; }
#is_03 { left:-150px;  width: 65px; }
#is_04 { left: -75px;  width: 65px; }
#is_05 { left:     0;  width: 65px; }
#is_06 { left:  75px;  width: 65px; }
#is_07 { left: 150px;  width: 65px; }
#is_08 { left: 225px;  width: 65px; }
#is_09 { left: 300px;  width: 65px; }
#is_10 { left: 375px;  width: 65px; }
#is_11 { left: 450px;  width: 65px; }
#is_12 { left: 525px;  width: 65px; }
#is_13 { left: 600px;  width: 65px; }
#is_14 { left: 675px;  width: 65px; }
#is_15 { left: 750px;  width: 65px; }
#is_16 { left: 825px;  width: 65px; }
#is_17 { left: 900px;  width: 65px; }
#is_18 { left: 975px;  width: 65px; }
#is_19 { left:1050px;  width: 65px; }
#is_20 { left:1125px;  width: 65px; }
*/


/* frame_top_wrapper > menu_kap */
#menu_kap_bg {
	position: absolute;
	top: 82px;
	left: 7px;
	width: 818px;
	height: 24px;
	background: transparent url(../images/menu_kap_bg.gif) 0 0 repeat-x;
	border: 1px solid #ccd8e8;
	border-bottom: 1px solid #5f6d80;
	z-index: 100;
}

#menu_kap_bg_home {
	position: absolute;
	top: 160px;
	left: 6px;
	width: 819px;
	height: 24px;
	background: transparent url(../images/menu_kap_bg.gif) 0 0 repeat-x;
	border: 1px solid #ccd8e8;
	border-bottom: 1px solid #5f6d80;
	z-index: 100;
}

#menu_kap {
	position: absolute; 
	left: 30px; 
	top: 83px;
	width: 570px;
	height: 24px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/menu_kap.gif) 0 0 no-repeat;
	z-index: 200;
}

#menu_kap a,
#menu_kap_home a,
#menu_foo a,
#menu_foo_home a{
	color: transparent;
}

#menu_kap a span,
#menu_kap_home a span,
#menu_foo a span,
#menu_foo_home a span{
	color: transparent;
	font-size: 1px;
}

#menu_kap_home {
	position: absolute; 
	left: 30px; 
	top: 161px;
	/*width: 294px;*/
	width: 570px;
	height: 24px;
	margin: 0;
	padding: 0;
	/*background: transparent url(../images/menu_kap_home.gif) 0 0 no-repeat;*/
	background: transparent url(../images/menu_kap.gif) 0 0 no-repeat;
	z-index: 200;
}

#menu_kap li, #menu_foot li {
	list-style: none; 
	position: absolute; 
	top: 0;
	margin: 0; 
	padding: 0; 
}

#menu_kap_home li {
	list-style: none; 
	position: absolute; 
	top: 0;
	margin: 0; 
	padding: 0; 
}

#menu_kap li, #menu_kap_home li, #menu_kap_home a, #menu_kap a, #menu_foot li, #menu_foot a {
	height: 24px; 
	display: block;
}

#mk_ho { left:   0px; width: 48px; }
#mk_io { left:  52px; width: 37px; }
#mk_01 { left: 93px; width: 18px; }
#mk_02 { left: 115px; width: 20px; }
#mk_03 { left: 139px; width: 21px; }
#mk_04 { left: 164px; width: 21px; }
#mk_05 { left: 189px; width: 21px; }
#mk_06 { left: 214px; width: 21px; }
#mk_07 { left: 239px; width: 19px; }
#mk_08 { left: 261px; width: 21px; }
#mk_09 { left: 286px; width: 21px; }
#mk_10 { left: 319px; width: 26px; }
#mk_teach { left: 349px; width: 47px; }
#mk_in { left: 412px; width: 60px; }
#mk_icons { left: 479px; width: 35px; }
#mk_cr { left: 528px; width: 40px; }

#mk_ho a:hover { background: transparent url(../images/menu_kap_o.gif) 0 0 no-repeat; }
#mk_io a:hover { background: transparent url(../images/menu_kap_o.gif)  -52px 0 no-repeat; }
#mk_01 a:hover { background: transparent url(../images/menu_kap_o.gif)  -93px 0 no-repeat; }
#mk_02 a:hover { background: transparent url(../images/menu_kap_o.gif) -115px 0 no-repeat; }
#mk_03 a:hover { background: transparent url(../images/menu_kap_o.gif) -139px 0 no-repeat; }
#mk_04 a:hover { background: transparent url(../images/menu_kap_o.gif) -164px 0 no-repeat; }
#mk_05 a:hover { background: transparent url(../images/menu_kap_o.gif) -189px 0 no-repeat; }
#mk_06 a:hover { background: transparent url(../images/menu_kap_o.gif) -214px 0 no-repeat; }
#mk_07 a:hover { background: transparent url(../images/menu_kap_o.gif) -239px 0 no-repeat; }
#mk_08 a:hover { background: transparent url(../images/menu_kap_o.gif) -261px 0 no-repeat; }
#mk_09 a:hover { background: transparent url(../images/menu_kap_o.gif) -286px 0 no-repeat; }
#mk_10 a:hover { background: transparent url(../images/menu_kap_o.gif) -319px 0 no-repeat; }
#mk_teach a:hover { background: transparent url(../images/menu_kap_o.gif) -349px 0 no-repeat; }
#mk_in a:hover { background: transparent url(../images/menu_kap_o.gif) -412px 0 no-repeat; }
#mk_icons a:hover { background: transparent url(../images/menu_kap_o.gif) -479px 0 no-repeat; }
#mk_cr a:hover { background: transparent url(../images/menu_kap_o.gif) -528px 0 no-repeat; }

#mk_home_ho { left:   0px; width: 48px; }
#mk_home_io { left:  52px; width: 37px; }
#mk_home_teach { left: 91px; width: 47px; }
#mk_home_in { left: 142px; width: 55px; }
#mk_home_icons { left: 201px; width: 50px; }
#mk_home_cr { left: 201px; width: 50px; }

#mk_home_ho a:hover { background: transparent url(../images/menu_kap_home_o.gif) 0 0 no-repeat; }
#mk_home_io a:hover { background: transparent url(../images/menu_kap_home_o.gif)  -52px 0 no-repeat; }
#mk_home_teach a:hover { background: transparent url(../images/menu_kap_home_o.gif) -91px 0 no-repeat; }
#mk_home_in a:hover { background: transparent url(../images/menu_kap_home_o.gif) -142px 0 no-repeat; }
#mk_home_icons a:hover { background: transparent url(../images/menu_kap_home_o.gif) -201px 0 no-repeat; }
#mk_home_cr a:hover { background: transparent url(../images/menu_kap_home_o.gif) -201px 0 no-repeat; }


/* frame_top_wrapper > but_rss, but_dl */
#but_dl {
	position: absolute; 
	left: 660px;  /* 511 */
	top: 87px;
	z-index: 200;
}

#but_rss {
	position: absolute; 
	left: 682px;
	top: 87px;
	z-index: 200;
}



/* frame_top_wrapper > slides_bwd, slides_fwd */
#slides_bwd {
	position: absolute;
	top: 89px;
	left: 712px;
	z-index: 200;
}

#slides_fwd {
	position: absolute;
	top: 89px;
	left: 757px;
	z-index: 200;
}



/* mid_wrapper */
#mid_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 839px;
	margin: 0;
	padding: 0;
}


#mid_wrapper_home{
  top: -55px;
}


/* mid_wrapper > ipop */
#ipop {
	position: absolute;
	top: 18px; 
	left: 145px;
	width: 554px;
	height: 433px;
	background: transparent;
	cursor: move;
	z-index: 500;
	visibility: hidden;
}

#img_ipop {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 533px;
	height: 400px;
	background-color: #5f6d80;
	z-index: 520;
}

#frame_ipop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 554px;
	height: 433px;
	z-index: 530;
}

#ipop_close {
	position: absolute;
	top: 7px;
	left: 520px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 540;
}

#ipop_prev {
	position: absolute;
	top: 399px;
	left: 497px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 540;
}

#ipop_next {
	position: absolute;
	top: 399px;
	left: 520px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 540;
}


/* mid_wrapper> mai_wrapper */
#mai_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* mid_wrapper> mai_wrapper */
#mai_wrapper_home { 
	position: absolute;
	top: 0px;
	#top:20px;
	_top:-2px;
	left: 0px;
}

#mai_wrapper_home a, #mai_wrapper_home a:active{ color: #5F6D80;}



/* mid_wrapper> mai_wrapper > table#mai */
table#mai {
	/* height: 441px;  => not needed, will break auto-expand in Firefox */
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;  /* prevent gaps between TRs, TDs*/
	display: table;
}

table#mai td{
	height: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	display: table-cell;
}

table#mai .teacher_resources td, .teacher_resources,
.introduction{
	line-height:15px;
}Authentic

@font-face { font-family: Avant Garde; font-weight: regular; src: url('../font/Avant_Garde_Demi_BT.ttf');}

.teacher_resources h3,
.introduction h3{
	font-family: Avant Garde, sans-serif;
	font-size:14px;
	color:#ff8c01;
	margin-bottom:5px;
	background:transparent url(../images/bg_voc_section.gif) 0 0 repeat-y;
	padding: 3px 0px;
	
}



table#mai td#left_bor {
	width: 7px;
	background: url(../images/bg_left_bor.gif) top left repeat-y;
}

table#mai td#mid {
	width: 820px;
	background: #fff;  
}

table#mai#mid_home{
  height: 100%;	
}

table#mai td#mid_home {
	width: 820px;
	/*height: 700px;*/
	background: #5f6d80;
	height: 100%;  
}




table#mai td#right_bor {
	width: 12px;
	background: url(../images/bg_right_bor.gif) top left repeat-y;
}

table#mai td#left_bor img, table#mai td#right_bor img {
	display: block;
}

/* content_wrapper */
#content_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	
	/* specifying width necessary for IE => limit table overflow */
	width: 765px;
	padding: 15px 25px 0 30px;
}

/* content_wrapper */
#content_wrapper_home {
	position: relative;
	/*
	top: 300px;
	_top:300px;
	#top:300px;*/
	top: 50px;
	left: 5px;
	
	/* specifying width necessary for IE => limit table overflow */
	width: 765px;
	/*height:500px;*/
	z-index:50;
	/*padding: 25px 25px 0 30px;*/
}


/* col_wrapper */
#col_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
}

#col_left{
	margin: 0;
	padding: 0;
	width: 370px;
}

#col_right {
	margin: 0;
	/* padding: 0 0 0 20px; */
	padding: 0;
	width: 370px;
	float: right;
}


/* singlecol_wrapper => single column content */
#singlecol_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0 16px 0 23px;   /* 0 0 0 23px*/
}



/*  mid_wrapper > mai_wrapper > foo_wrapper */
#foo_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 839px;
	margin: 0;
	padding: 0;
}

#foo_img {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0 0 15px 0;
	z-index: 10;
}

#menu_foo {
	position: absolute;
	top: 19px;
	left: 507px;
	width: 315px;
	height: 24px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/menu_foo.gif) top left no-repeat;
	z-index: 100;
}

#menu_foo li {
	list-style: none; 
	position: absolute; 
	top: 0;
	margin: 0; 
	padding: 0; 
}

#menu_foo li, #menu_foo a {
	height: 24px; 
	display: block;
}

#mf_co { left:     0; width:  61px; }
#mf_cc { left: -80px; width:  85px; height:20px; top: 10px;background: #5F6D80; }
#mf_cc img {position: absolute;top: 5px;}
#mf_gs { left:  65px; width: 119px; }
#mf_ut { left: 188px; width:  65px; }
#mf_ko { left: 257px; width:  58px; }



#mf_co a:hover { background: transparent url(../images/menu_foo_o.gif) 0 0 no-repeat; }
#mf_gs a:hover { background: transparent url(../images/menu_foo_o.gif) -65px 0 no-repeat; }
#mf_ut a:hover { background: transparent url(../images/menu_foo_o.gif) -188px 0 no-repeat; }
#mf_ko a:hover { background: transparent url(../images/menu_foo_o.gif) -257px 0 no-repeat; }


/* ================== DIVs vid ================= */

#textbook{
	background:#CCD8E8 url(../images/menu_kap_textbook_bg.gif) 0 0 repeat-x;
	background-size: contain;
	padding: 40px 60px 20px;
	margin: 0px 8px;
	color:#000;
}

#instructor-form{
	background:transparent url(../images/instructor_form_bgr.png) 0 0 no-repeat;
	padding: 10px	14px;
	color:#000;
	float:right;
	/*margin-top:-85px;*/
	margin-top: -55px;
	*margin-top: -65px;
	margin-right:20px;
	width:200px;
	/*height:105px;*/
	height: 74px;
	z-index:300;
	cursor: pointer;
	/*margin: 0px 8px;
	background:#CCD8E8 url(../images/menu_kap_textbook_bg.gif) 0 0 repeat-x;*/
	/*position:absolute;
	top:-15px;
	right:-20px;*/
	/*border: 5px #fff solid;
	border: 5px #FF8C01 solid;*/
	/*text-align:justify;
	-moz-border-radius: 15px;
	border-radius: 15px;*/
}

#instructor-form:hover{
	background:transparent url(../images/instructor_form_bgr.png) 0 100% no-repeat;
}

#instructor-form a{
	/*color: #363;*/
	color: #009ae1;
	font-weight: bold;
	font-size: 12px;
	padding-top:30px;
	text-align:left;
	padding:0;
	margin:0;
	float: left;
}

#instructor-form a div{
	float:right;
	width:60%;
	margin-top:15px;
}

#instructor-form a.normal{
	color: #000;
}

#instructor-form a.no_decor{
	color: #000;
	text-decoration: none;
	font-size: 11px;
	padding-top: 1px;
}

#instructor-form p.quest_intro{
	/*padding-bottom:5px;*/
	padding:0;
	margin:-3px 0px 0px 0px;
}




#instructor-form p.quest_instr{
	padding-bottom:2px;
	font-weight:bold;
}






/*#instructor-form p.quest{
	padding-top:10px;
}*/




#textbook a,
#textbook a:link,
#textbook a:visited,
#textbook a:active{
	color:#000;
}

#wrapper_vid {
	width: 389px;
	padding: 0;
	margin: 0px auto;
}

#top_wrapper_vid {
	position: relative;
	top: 75px;
	left: 0px;
	width: 389px;
	height: 350px;
	margin: 0;
	padding: 0;
}


/* top_wrapper_vid > frame_vid */
#frame_vid {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

/* top_wrapper_vid > cont_swf */
#cont_swf {
	position: absolute;
	top: 33px;
	left: 32px;
	width: 320px;
	height: 260px;
	z-index: 100;
}


/* top_wrapper_vid > ti_vid_cont */
#ti_vid {
	position: absolute;
	top: 318px;
	left: 187px;
	width: 190px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 10px;
	color: #fff;
	z-index: 100;
}

#ti_vid a { text-decoration: none; color: #fff; }

#troubleshooting_message { position:absolute !important; left:10px; top:95px; width:278px; height:auto; z-index:0 !important; color:#fff; border: 1px solid #fff;padding:10px;}
#troubleshooting_message a { color:#FF0; }


/* ================== DIVs vidt ================= */
#wrapper_vidt {
	width: 869px;
	padding: 0;
	margin: 0px auto;
}

#top_wrapper_vidt {
	position: relative;
	top: 48px;
	left: 0px;
	width: 869px;
	height: 364px;
	margin: 0;
	padding: 0;
}


/* top_wrapper_vidt > frame_vidt */
#frame_vidt {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

/* top_wrapper_vidt > cont_swft */
#cont_swft {
	position: absolute;
	top: 42px;
	left: 32px;
	width: 320px;
	height: 260px;
	z-index: 100;
}

#ti_vidt_top {
	position: absolute; 
	left: 622px; 
	top: 2px; 
	z-index: 100;
}


/* transcript buttons */
#but_g { 
	position:absolute;
	left: 584px;
	top: 337px;
	width: 70px;
	height: 15px;
	z-index:300;
	cursor: pointer;
}

#but_e { 
	position:absolute; 
	left: 664px; 
	top: 337px; 
	width: 70px; 
	height: 15px; 
	z-index:300; 
	cursor: pointer;
}

#but_v {
	position:absolute;
	left: 744px;
	top: 337px;
	width: 70px;
	height: 15px;
	z-index:300; 
	cursor: pointer;
}


/* transcript buttons, current */
#but_g_c { 
	position:absolute;
	left: 584px;
	top: 337px;
	width: 70px;
	height: 15px;
	z-index:400;
	cursor: pointer;
	visibility: hidden;
}

#but_e_c { 
	position:absolute; 
	left: 664px; 
	top: 337px; 
	width: 70px; 
	height: 15px; 
	z-index:400; 
	cursor: pointer;
	visibility: hidden;
}

#but_v_c {
	position:absolute;
	left: 744px;
	top: 337px;
	width: 70px;
	height: 15px;
	z-index:400; 
	cursor: pointer;
	visibility: hidden; 
}


/* vidt text divs */
#vidt_g  { 
	position: absolute;
	left: 407px;
	top: 41px;
	width: 415px;
	z-index: 100;
	visibility: hidden;
}

#vidt_e  { 
	position: absolute;
	left: 407px;
	top: 41px;
	width: 415px; 
	z-index: 100;
	visibility: hidden;
}

#vidt_v  { 
	position: absolute;
	left: 407px;
	top: 41px;
	width: 415px; 
	z-index: 100;
	visibility: hidden;
}


/* vidt transcripts */
#cont_tra_g  {
	position: absolute;
	left: 0px;
	top: 40px;
	width: 415px; 
	height: 225px;
	overflow: hidden;
}

#tra_g {
	position: absolute;
	left: 0px;
	top: 0px;
}

#cont_tra_e {
	position: absolute;
	left: 0px;
	top: 40px;
	width: 415px; 
	height: 225px;
	overflow: hidden;
}

#tra_e {
	position: absolute;
	left: 0px;
	top: 0px;
}

#cont_tra_v {
	position: absolute;
	left: 0px;
	top: 40px;
	width: 415px; 
	height: 225px;
	overflow: hidden;
}

#tra_v {
	position: absolute;
	left: 0px;
	top: 0px;
}



/* transcript lists */
#tra_g ul, #tra_e ul, #tra_v ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;  /* 12px */
	line-height: 15px;
}

#tra_g ul li, #tra_e ul li, #tra_v ul li {
	margin: 0;
	padding: 0;
}

#tra_g ul li.vidt_i, #tra_e ul li.vidt_i, #tra_v ul li.vidt_i {
	color: #0060e5;  /* 0055cc 0062eb 0060e5 005de0 */
}

#tra_g ul li.vidt_s, #tra_e ul li.vidt_s, #tra_v ul li.vidt_s {
	color: #000;
	margin: 0 0 0 25px;
}



/* scroll */
#vidt_wrapscr {
	position: absolute;
	top: 65px;
	left: 841px;
	width: 8px;
	height: 248px;
	z-index: 240;
	visibility: hidden;
}

#vidt_wrapscr img {
	display: block;
}

#vidt_arrtop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 8px;
	height: 8px;
	z-index: 250;
}

#vidt_arrbot {
	position: absolute;
	top: 240px;
	left: 0px;
	width: 8px;
	height: 8px;
	z-index: 250;
}

#vidt_scrollcont {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 6px;  /* 8px */
	height: 223px; /* 223px */
	background: #f0f3f7;  /* edf2fa dfe4eb e6ebf2 d9e9ff e0edff d3ddeb dae4f2 dfe7f2 e1e8f2 e6ebf2 ebf0f7 ebeff5 f0f4fa edf0f5 f0f3f7 */
	z-index: 250;
	overflow: hidden;
	border: 1px solid #a6afbf;

}

#vidt_scroller {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 8px;
	background: #a6afbf;  /* 8a97b2 5f6d80 99a6bf aab8d4 a6aebd a7b1c4 b1bbcc a6afbf */
	cursor: pointer;
	z-index: 250;
}

/* ================== Wq print button ================= */

/* buttons */
#but {
	position: absolute;
	top: 19px;  /* 13px 18px 19px */
	left:800px;
	width: 45px;
	height: 38px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/but.gif) top left no-repeat;
	z-index: 100;
}

#but div, #but a {
	width: 45px;
	height: 38px;
	display: block;
	position: absolute;
}


#b_pr { left: 0px;}

#b_pr a:hover { background: transparent url(../images/but_o.gif) 0 no-repeat; }

#jmp{
	position:absolute;
	top:10px;
	left:550px;
	z-index:100;
}

ul.si{
	height:auto;
	list-style:none;
	
}

ul.si li{
	position:relative;
	left:-40px;
	list-style:none;
}

#message_url{
	/*float:left;
	margin-left:1%;
	margin-top:20px;
	background:transparent url('../images/message_changing_url_bgr.png') 0px 0px no-repeat;
	text-align:center;
	width:253px;
	height:132px;
	position:absolute;
	top:0px;
	margin-top:100px;
	padding-bottom:100px;
	display:block;*/
	background:#E56E37;
	/*margin-left:7px;*/
	width: 100%;
	text-align:center;
	padding:10px 0px;

}

#message_url .message_blue{
	color:#203459;
	font-size:18px;
	font-weight:bold;
	
}

#message_url .message_white_bold{
	color:#fff;
	font-size:15px;
	padding-top:5px;
	font-weight:bold;

}

#message_url .message_white{
	color:#fff;
	font-size:15px;
}

#message_home{
	font-family: Verdana, Arial;
	background:transparent url('../images/message_changing_url_bgr.png') 0px 0px no-repeat;
	text-align:center;
	width:253px;
	height:132px;
	position:absolute;
	left:70px;
	top:0px;
	margin-top:50px;
	padding-bottom:100px;
	display:block;
	z-index:900;
}

#message_home .message_blue_home{
	padding-top:25px;
	color:#203459;
	font-size:18px;
	font-weight:bold;
	
}

#message_home .message_white_bold_home{
	color:#fff;
	font-size:15px;
	padding-top:15px;
	font-weight:bold;

}

#message_home .message_white_home{
	color:#fff;
	font-size:15px;
}

.txtbook_home{
	font-size:14px;
	padding-bottom: 4px;
	font-weight:bold;
}


#android-link, 
#android-link a,
#android-link a:link{
	color:red;
	text-decoration:underline;
	
}


#top_wrapper #facebook-link-home{
	position: absolute;
	left: 650px;
	top:60px;
	z-index: 700;
}

#top_wrapper #facebook-link{
	position: absolute;
	left: 670px;
	top:48px;
	z-index: 700;
}

#top_wrapper #facebook-link p {
	color: #bbb;

}



#facebook-link #facebook, 
#facebook-link-home #facebook{
	background: url("../images/facebook_like.png") 0px 0px no-repeat;
	width:250px;
	height:55px;
	display:block;
	z-index:999;
}

#facebook-link p, 
#facebook-link-home p {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	color: #3B5998;
	background: white;
	background: transparent;
	text-decoration: none;
	margin: 0px 1px 0px 0px;
	padding: 0px 5px;
	display: block;
	line-height: 11px;
	/*width:127px;*/
	width:200px;
}

#quizlet{
	padding-top: 15px;
}

#quizlet span{
	position: relative;
	top: -4px;
	left: 2px;
}

#quizlet_voc{
	padding-bottom: 20px;
	position: relative;
	left: 20px;
}

#quizlet_voc span{
	position: relative;
	top: -4px;
	left: 2px;
}

#content_wrapper a.quizlet_blu,
#content_wrapper a.quizlet_blu:link,
#content_wrapper a.quizlet_blu:visited{
	color: #0c4e9b;
}



@media only screen and ( max-width: 500px ) { /*500 */

	#textbook table td{		
		vertical-align: top;
	}
	
	#instructor-form div{
  		margin-top: 0px;
	}
	
	#textbook a:last-child{
		display:block;	
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#instructor-form p.quest_intro{ margin:0;}
}