/* ----------BANNER GLOBALS---------- */


#BanWrapper {
	display: none;
	background-color: #fcbe00;
	color: #00f;
	padding-top: 16px;
	padding-bottom: 8px;
	}
td.BanSpkr div {
	margin-right: 6px;
	}
td.BanNumber  {
	font-size: 1.3em;
	}
td.BanMain div {
	text-align: left;
	font-size: 1.3em;
	margin-left: 7px;
	}
td.BanRight {
	width: 10px;
	}


#BnWrapper {
	text-align: center;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border: 1px solid white;
	}

/* ----------FOR LESSONS---------- */

#LsnBanWrapper {				/* Speaker is OUTSIDE of banner for lessons */
	margin-top: 40px;
	}
td.LsnBanSpkr {
	}
td.LsnBanSpkr div,
td.LsnBanRight div {
	margin-right: 8px;
	margin-top: 8px;
	}
td.LsnBanRight div {			/* Extra padding to compensate visually for lopsided banner graphic */
	margin-left: 8px;
	}
td.LsnBanMain {
	background-image: url( "../g/ban_345x72.gif" );
	background-repeat: no-repeat;
	width: 345px;
	height: 72px;
	text-align: center;
	color: #00f;
	font-size: 1.5em;
	}
#VowLongSht td.LsnBanMain {
	background-image: url( "../g/ban_405x72.gif" );
	width: 405px;
	}
td.LsnBanMain div {
	margin-top: 7px;
	margin-right: 20px;
	}
td.LsnBanMain div span {
	font-size: .85em;
	padding-right: 2px;
	}
td.LsnBanRight {
	}


/* ----------FOR PRACTICE---------- */


/* ============================TITLE============================ */

/* ---------------TITLE GLOBALS--------------- */

table.TitleTable {					/* total width should end up as 560. TitleGraphic + 2x hand width + hand padding = 560 */
	margin-top: 30px;
	margin-bottom: 30px;
	}
td.TitlePrev img {					/* this is the hand */
	margin-top: 0px;
	}
td.TitleNext img  {
	margin-top: 0px;			/* top margin + img height must equal the same for hand in TitlePrev -- likewise for left/right margin */
	}
table.TitleGraphic  {
	width: 380px;					/* width should match actual title graphic width */
	height: 55px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	border: 2px solid #E8B53A;
	}

						/* hand width (x2) + TitleHandSpace (x2) + TitleGraphic determines horizontal position of hands */

#LetNamList table.TitleGraphic     {width: 420px; height: 60px;}
#LetNamList td.TitleHandSpace div  {width: 20px;}
						/* 59+59 + 20+20 + 420 = 578 */
#Cons table.TitleGraphic,
#Vowels table.TitleGraphic,
#Blends table.TitleGraphic         {width: 200px; height: 60px;}
#Cons td.TitleHandSpace div,
#Vowels td.TitleHandSpace div,
#Blends td.TitleHandSpace div      {width: 130px}
						/* 59+59 + 130+130 + 200 = 578 */
#Vowels-BME table.TitleGraphic,
#ComWrdList table.TitleGraphic     {width: 384px; height: 60px;}
#Vowels-BME td.TitleHandSpace div,
#ComWrdList td.TitleHandSpace div  {width: 38px;}
						/* 59+59 + 38+38 + 384 = 578 */
#Vowels-R1-7 table.TitleGraphic    {width: 420px; height: 76px;}
#Vowels-R1-7 td.TitleHandSpace div {width: 20px;}
						/* 59+59 + 20+20 + 420 = 578 */

td.TitleSpaceLeft div,
td.TitleSpaceRight div  {
	padding-left: 7px;
	}
td.TitleMain {
	color: #f00;
	text-align: center;
	border-style: none;
	}
td.TitleMain div {
	padding-top: 1px;				/* offset for type to improve vertical centering */
	}

/* ---------------TITLE BLENDS--------------- */
#Blends td.TitleMain {font-size: 2.9em;}

/* ---------------TITLE CONSONANTS--------------- */
#Cons td.TitleMain {font-size: 2.9em;}

/* ---------------TITLE VOWELS--------------- */
#Vowels td.TitleMain {font-size: 2.2em;}
#Vowels td.TitleMain {font-size: 2.9em;}

/* ---------------TITLE VOWELS-BME--------------- */
#Vowels-BME td.TitleMain {font-size: 2.4em;}

/* ---------------TITLE VOWELS-R1-7--------------- */
#Vowels-R1-7 td.TitleMain {font-size: 1.7em;}

/* ---------------TITLE PRACTICE--------------- */
#Practice td.TitleMain {font-size: 2.0em;}