#commonarea a, #commonarea a:visited, #commonarea a:link, #commonarea a:hover {color: #0000ee;}
#support_nav a, #support_nav a:visited, #support_nav a:link, #support_nav a:hover {color: #0066cc;}
.page_container {
	width: 760px;
	float: left;
}

.tocpage h2, .tocpage h3 {color: #000000;}

.red {color: #c9362b;}
.text-red {color: #d60000;}
.text-blue {color: #293086;}

#curvefiller {height: 0px;}

#commonarea h1 { font-size: 155%; font-weight: bold; }

#commonarea h2 { font-size: 135%; font-weight: bold; }

#commonarea h3 { font-size: 110%; font-weight: bold; margin-bottom: 0.5em;}

#commonarea p.lead { font-size: 114%; }

#breadcrumbs {float: none; display: inline-block; font-size: 80%; margin-bottom: 19px;}
#breadcrumbs a {display: inline; margin: 0px; padding: 0px;}

#commonarea .selected { 
  background-color: #D0D000;
  border: 4px solid black;
}

h1.blue {color: #000095;}

.page-title {
	border-bottom: 3px solid black;
	padding-bottom: 15px;
	font-size: 1.5em;
	margin-bottom: .25em;
	margin-top: 0;
}
#breadcrumbs {
	font-size: 1em;
}
.clear {clear: both}
.right {float: right}
.left {float: left}

body {width: 960px;}
#topnav {width: 960px;}
#topbar {width: 960px;}
#outerbox {width: 960px;}
#mainbox {margin-left: 0px; width: 960px;}
#innerbox {padding-left: 0px; padding-right: 0px;}
#footer {width: 960px;}
#footernav {width: 806px;}
#innerbox_disabled {padding: 4px 0 6px 10px;}

#toggles h2 {font-size: 1em;}


.bubble-mark {position: relative;}
/*.bubble-mark span {cursor: pointer; color: #0000ee; text-decoration: underline;}*/
.bubble-mark span {height: 21px !important; width: 21px !important; background: url(../images/bubble-mark.png) no-repeat bottom right; cursor: pointer; display: block;}
#supportform label span.bubble-mark, #supportform label span.bubble-mark span {vertical-align: top; margin: 0px; padding: 0px; float: none; display: inline; text-align: left; width: auto; font-weight: normal;}
#supportform label span.bubble-mark span {display: inline-block; vertical-align: top;}
.bubble {width: 180px; position: absolute; bottom: 100%; left: 10px; z-index: 1000;}
.bubble, 
.bubble .bubble-body, 
.bubble .bubble-top, 
.bubble .bubble-top .bubble-top-right { 
	background: #ffffff url(../images/bubble-container.gif) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #000;
	font-style: normal;}
.bubble {
	/*width: 278px !important;
	width: 293px;*/
	padding-right: 15px;
	margin: 10px auto 2px;}
.bubble .bubble-top { 
	background-position: top right; 
	margin-right: -15px;
	padding-right: 40px;}
.bubble .bubble-top .bubble-top-right { 
	background-position: top left;
	margin: 0;
	border: 0;
	padding: 1px 0 6px 40px;
	height: auto !important;
	height: 1%;
	_height: auto;}
.bubble .bubble-body {
	background-position: bottom left; 
	padding: 0px 0px 23px 15px;
	float: left;}

.notop {margin-top: 0; padding-top: 0;}
.nobottom {margin-bottom: 0; padding-bottom: 0;}
.nomargin {margin: 0;}

ul.nodisc {list-style: none; list-style-image: none; padding-left: 0;}
ul.nodisc li {list-style: none; list-style-image: none;}

ul.indent-nodisc {
	list-style: none;
	list-style-image: none;
	padding-left: 2em;
}
ul.indent-nodisc li {list-style: none; list-style-image: none;}
ul.indent-nodisc li h3 {margin: 0;}
ul.indent-nodisc li p {padding-left: 1.5em; margin-top: 0;}

dl.large-disc {padding: 0;}
dl.large-disc li {padding-bottom: 2px; line-height: 25px;}
dl.large-disc dt {display: block; float: left; clear: both; width: 24px; height: 22px;}
/*dl.large-disc dt {display: block; float: left; clear: both; background: url(../images/ul_large_disc.png) no-repeat right top; width: 24px; height: 22px; text-align: center; font-size: 16px; font-weight: bold; font-family: Helvetica, serif; color: #ffffff;}*/
dl.large-disc dd {margin: .1em 0 0 5px; float: left;}

ul.small {padding: 0; margin: 0; list-style: none; list-style-image: none;}
ul.small li {padding-left: 18px; background: url(../images/bullet_small.gif) no-repeat left .5em; list-style: none; list-style-image: none;}

ul.small-adj li {padding-left: 10px; line-height: 1em; margin-bottom: 1em;}
ul.small-nob {padding: 0; margin: 0; list-style: none; list-style-image: none;}
ul.small-nob li {padding-left: 10px; line-height: 1em; margin: 0.2em 0; background: url(../images/bullet_small.gif) no-repeat left .5em; list-style: none; list-style-image: none;}

.tt1 {font-size: 15px;}

a.video-player-box {color: #d60000; background: url(../images/video_player.gif) no-repeat left top; width: 139px; height: 129px; display: block; text-align: center;}
a.video-player-box span {padding-top: 84px; color: #d60000; display:block;}
.play-btn {background: url(../images/video_player_play.gif) no-repeat left top; display: block; height: 29px; padding-left: 35px;}

.indent1 {padding-left: 15px !important;}
.indent2 {padding-left: 30px !important;}

.invalid {border: 1px solid #f29552 !important; background-color: #fffed4 !important;}

#supportform label label {color: #d60000; margin-left: 20px; display: inline;}

a.toggle {color: #0000ee; cursor: pointer; font-weight: bold;}
a.toggle:hover {color: #d60000;}
.hidden {display: none;}

.t-center {text-align: center;}
.t-right {text-align: right;}
.t-left {text-align: left;}

.col-2 {}
.col-2-left {float: left;}
.col-2-right {float: right;}

.link {color: #0000ee; text-decoration: underline; cursor: pointer;}


.copy-btn {float: left;}

h5 {font-size: 1em; margin: 1em 0;}

.nowrap {white-space: nowrap;}

/* some ideas */

.light_title,.light_title a, .light_title a:visited {
	font-size: 20px;
	color: #e0e4f2 !important;
	text-decoration: none;
}

.title_wrap {
	display: block;
	float: left;
	text-align: left;
		padding-bottom: 15px;
	margin-bottom: .25em;
	margin-top: 20px;
	clear: both;
}

.dark_title, .light_title a:hover {
	font-size: 20px;
	color: #577ebf !important;
	text-decoration: none;
}

.page-title {
	margin-top: 8px;
	padding-bottom: 0;
	border-bottom-style: none;
	font-size: 24px !important;
}

div#commonarea #breadcrumbs {
	color: #9d5f9d;
	font-weight: bold;
	text-decoration: none !important;
}

div#supportarea #breadcrumbs a, div#supportarea #breadcrumbs a:link, div#supportarea #breadcrumbs a:visited {
	color: #9d5f9d !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-decoration: none !important;
}

div#commonarea #breadcrumbs {
	color: #2B686A;
	font-weight: bold;
	text-decoration: none !important;
}

div#commonarea #breadcrumbs a, div#commonarea #breadcrumbs a:link, div#commonarea #breadcrumbs a:visited {
	color: #2B686A !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-decoration: none !important;
}

div#handoutarea #breadcrumbs {
	color: #577EBF;
	font-weight: bold;
	text-decoration: none !important;
}

div#handoutarea #breadcrumbs a, div#handoutarea #breadcrumbs a:link, div#handoutarea #breadcrumbs a:visited {
	color: #577EBF !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-decoration: none !important;
}

#breadcrumbs a:hover {
	text-decoration: underline !important;
	color: #000 !important;
}

/* Extras */

#innerbox {
	margin-right: 0;
}

div#sidebar {
	display: none;
}

div#handoutarea {
	width: 720px;
	display: block;
	float: left;
	overflow: hidden;
}

div#outerbox {
	background-image: none;
	padding: 0;
	margin: 0;
}

#commonarea #breadcrumbs {float: left;}

#cu-links {float: right;}
#cu-links a {text-decoration: none; color: #000; font-size: 10px; padding: 5px 23px 5px 5px;}
#cu-links a:hover {color: #0000ee;}
.cu-embed {background: url(../images/icon-cu-embed.png) no-repeat right top;}
.cu-print {background: url(../images/icon-cu-print.png) no-repeat right top;}
.cu-email {background: url(../images/icon-cu-email.png) no-repeat right top;}

.cu-form .form-textarea {width: 600px;}
.cu-form .input-text {width: 270px;}

ul.adj {padding-left: 30px; margin-top: 0px;}
ul.adj li {margin-bottom: 0.5em;}

#commonarea ol {clear: both; display: inline-block; margin: 0px; font-weight: bold; padding-left: 20px; _padding-left: 24px; font-size: 15.25px; display: block;}
#commonarea ol h3 {font-size: 15.25px;}
#commonarea ol p {font-weight: normal; font-size: 13px;}
#commonarea ol ul {font-weight: normal; font-size: 13px; margin: 1em 0 0;}
#commonarea ol ul li {list-style: disc;}

ol p {margin: 1em;}

#commonarea ol.cu-author {font-size: 13px; padding-left: 24px; _padding-left: 30px; margin: 1em 0 0 15px;}
ol.cu-author li {font-weight: normal; margin-bottom: 75px;}

ul.hyphen li {list-style-image: url(../images/ul-hyphen.gif);}


/*================* 
 *= handout center menu =*
 *================*/

.handout_menu {
	width: 202px;
	float: left;
	display: inline-block;
	margin-right: 22px;
	text-align: right;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin-left: 0px;
}

.handout_menu .handout_menu {float: none;}
.handout_menu a {
	color: #1c1c1c;
	text-decoration: none;
}

.handout_menu .menu_title a {
	color: #9d5f9d;
	font-weight: bold;
	font-size: 18px;
}


.handout_menu ul#navigation, .handout_menu ul#navigation li ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;
	display: block;
	clear: both;
	text-indent: 0;
}


.handout_menu ul#navigation li a.active {
	border: 1px solid red;
}
.handout_menu ul#navigation li a.active ul {
	display: none;
}


.handout_menu ul#navigation li ul li a {
	display: block;
	clear: both;
	margin-top: 10px;
	padding: 4px 17px 4px 0;
	color: #577ebf;
	font-size: 12px;
	margin-right: 0;
}

.handout_menu li a.ui-accordion-content-active {
	display: block;
	clear: both;
	padding: 6px 10px 6px 8px !important;
	color: #000 !important;
	background-color: #eae4ee !important;
	padding-right: 8px;
}

.handout_menu a.head{
	font-size: 14px;
	display: block;
	margin-top: 10px;
	background-color: #ffffff;
	color: #9d5f9d;
	font-weight: bold;
	padding: 6px 10px;
	border: 1px solid #9d5f9d;
}

.handout_menu ul#navigation li {
	display: inline;
	_display: inline-block;
}

.handout_menu ul#navigation li ul.menu-sub li {
	display: inline-block;
}

.handout_menu a.head.ui-state-active, .handout_menu a.head:hover{
	background-color: #9d5f9d;
	color: #fff;
}

.handout_menu a.head.ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top {
}

.handout_menu ul#navigation li.menu-active ul.menu-sub {
	background: transparent url(../images/hd-menu_head_active.png) no-repeat scroll center -1px;
	padding-top: 5px;
	_padding-top: 10px;
	margin-left: 10px;
}
a.menu-head, 
a.menu-head em, 
a.menu-head span, 
a.menu-head span i { 
	background: transparent url(../images/hd-menu_head.png) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #577ebf;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
a.menu-head {
	padding-right: 10px;
	margin: 10px 0 0;
	display: inline-block;
	width: 192px;
	_width: 202px;
}
a.menu-head span { 
	background-position: top right; 
	margin-right: -10px;
	padding-right: 10px; 
}
a.menu-head span i { 
	background-position: top left; 
	margin: 0;
	border: 0;
	padding: 1px 0 6px 15px;
	height: auto !important;
}
a.menu-head em {
	text-align: right;
	background-position: bottom left; 
	padding: 0 0 8px 5px;
}
	
a.menu-head:hover {
	background-image: url(../images/hd-menu_head_hover.png);
	background-position: bottom right; 
	color: white;
} 
a.menu-head:hover em {
	background-image: url(../images/hd-menu_head_hover.png);
	background-position: bottom left;
	color: white;
}
a.menu-head:hover span {
	background-image: url(../images/hd-menu_head_hover.png);
	background-position: top right; 
	color: white;
} 
a.menu-head:hover span i {
	background-image: url(../images/hd-menu_head_hover.png);
	background-position: top left;
	color: white;
}

.handout_menu ul#navigation li ul li {
	margin: 5px 0 0 0;
	width: 165px;/*184px;
	_width: auto;*/
	padding-right: 7px;
}

.handout_menu ul#navigation li ul li.current {

}

.handout_menu ul#navigation li ul li.current a.menu-link, 
.handout_menu ul#navigation li ul li.current a.menu-link em, 
.handout_menu ul#navigation li ul li.current a.menu-link span, 
.handout_menu ul#navigation li ul li.current a.menu-link span i { 
	background: transparent url(../images/hd-menu_link_active.png) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #000000;
	font-style: normal;
}

.handout_menu ul#navigation li ul li a.menu-link:hover, 
.handout_menu ul#navigation li ul li a.menu-link:hover em, 
.handout_menu ul#navigation li ul li a.menu-link:hover span, 
.handout_menu ul#navigation li ul li a.menu-link:hover span i { 
	background: transparent url(../images/hd-menu_link_active.png) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #000000;
	font-style: normal;
}

.handout_menu ul#navigation li ul li a.menu-link, 
.handout_menu ul#navigation li ul li a.menu-link em, 
.handout_menu ul#navigation li ul li a.menu-link span, 
.handout_menu ul#navigation li ul li a.menu-link span i { 
	background: transparent url(../images/hd-menu_head.png) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #577EBF;
	font-style: normal;
}

.handout_menu ul#navigation li ul li a {
	margin: 0px;
	display: inline-block;
}
.handout_menu ul#navigation li ul li a em {
	font-style: normal;
}

#body .handout_menu ul#navigation li ul li a.menu-link {
	padding: 0 10px 0 0;
	margin: 0px 0 0;
}
#body .handout_menu ul#navigation li ul li a.menu-link span { 
	background-position: top right; 
	margin-right: -10px;
	padding-right: 10px;
}
#body .handout_menu ul#navigation li ul li a.menu-link span i { 
	background-position: top left; 
	margin: 0;
	border: 0;
	padding: 1px 0 6px 15px;
	height: auto !important; 
}
#body .handout_menu ul#navigation li ul li a.menu-link em {
	text-align: right;
	background-position: bottom left; 
	padding: 0 0 8px 5px;
}

.handout_menu ul#navigation li.menu-active a.menu-head-active, 
.handout_menu ul#navigation li.menu-active a.menu-head-active em, 
.handout_menu ul#navigation li.menu-active a.menu-head-active span, 
.handout_menu ul#navigation li.menu-active a.menu-head-active span i { 
	background: transparent url(../images/hd-menu_head_hover.png) no-repeat bottom right;
	display: block; 
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
.handout_menu ul#navigation li.menu-active a.menu-head-active {
	padding-right: 10px;
	margin: 10px 0 0;
}
.handout_menu ul#navigation li.menu-active a.menu-head-active span { 
	background-position: top right; 
	margin-right: -10px;
	padding-right: 10px;
}
.handout_menu ul#navigation li.menu-active a.menu-head-active span i { 
	background-position: top left; 
	margin: 0;
	border: 0;
	padding: 1px 0 6px 15px;
	height: auto !important; 
}
.handout_menu ul#navigation li.menu-active a.menu-head-active em {
	text-align: right;
	background-position: bottom left;
	padding: 0 0 8px 5px;
}
.handout_menu ul#navigation li .menu-sub {
	display: none;
}
.handout_menu ul#navigation li.menu-active .menu-sub {
	display: block;
}

/* handout extras */

.handout_preview {

	background: url(http://teachingbooks.net/images/pic_shadow.png) no-repeat center bottom;
		width: 300px;
	padding-bottom: 10px;
	float: left;
	margin-right: 20px;
	margin-top: 30px;
}

.handout_preview img {
	border: 1px solid #d5d5d5;
	width: 300px;
	margin-right: 20px;
}

/* Flyer */

#cflyer {
	width: 8in;
	height: 10in;
	margin-left: .5px;
	margin-top: .5px;
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#cflyer .title {
	
}

#cflyer .subhead {
	width: 2px;
	height: 5px;
	margin: 0;
}

#cflyer .rightbox {
	padding: 8px;
	float: right;
	display: inline-block;
	border: 1px dotted #a9a9a9;
}

#cflyer .logo {
	float: right;
}