/* FONTS 2.2.2
-----------------------------------------------------------*/
body        {font:13px arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small;}
table       {font-size:inherit; font:100%;}
select,
input,
textarea    {font:99% arial,helvetica,clean,sans-serif;}
pre, code   {font:115% monospace;*font-size:100%;}
body *      {line-height:1.22em;}


/* LAYOUT
-----------------------------------------------------------*/
body            {background:white;}
#wrapper        {clear:both; width:750px; margin:0 auto;}
#header         {height:86px; background:url(/images/em_layout/header.gif) 5px 0 no-repeat; margin-top:5px; position:relative;}
#header .home   {height:86px; width:70px; position:absolute;}
#header .blog   {height:86px; width:65px; left:70px; position:absolute;}
#header .emb    {height:86px; width:55px; left:135px; position:absolute;}
#header .esse   {height:86px; width:55px; left:190px; position:absolute;}
#header #logo   {left:200px; position:absolute; width:350px; height:85px;}
#content        {background:url(/images/em_layout/body.gif) repeat-y; padding:0 16px;}
#footer         {height:43px; background:url(/images/em_layout/footer.gif) no-repeat top;}


/* NAV
-----------------------------------------------------------*/
#nav                {font-size:92%;}
/* Tier1
-----------------*/
#nav-primary        {width:100%; line-height:normal; position:relative; top:1px;}
#navp               {margin:0; padding:4px 0 0 6px; list-style:none; font-weight:bold;}
#navp li            {display:inline; margin:0; padding:0;}
#navp a             {float:left; background:url(/images/em_layout/pnav_left.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
#navp a span        {float:left; display:block; background:url(/images/em_layout/pnav_right.gif) no-repeat right top; padding:5px 8px 4px 5px; color:white;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navp a span        {float:none;}
/* End IE5-Mac hack */
#navp a:hover span  {color:black;}
#navp a:hover,
#nav-primary a.current      {background-position:0% -42px;}
#navp a:hover span,
#nav-primary a.current span {background-position:100% -42px;}
#navp a.current span        {color:black; text-decoration:underline;}
#navp a img                 {float:left;}
/* Tier2
-----------------*/
#nav-secondary      {background:url(/images/em_layout/body_top.gif) top no-repeat; float:left;}
#navs               {width:734px;}
#navs,
#navs li            {list-style-image:none; list-style-type:none; margin:0; padding:0;}
#navs li            {float:left; position:relative; padding:6px 0 5px 0;}
#navs               {padding-left:16px;}
#navs li a          {color:black; display:block; float:left; padding:0 7px; text-decoration:none; white-space:nowrap; word-spacing:-0.1em; border-right:1px solid #B3B3B3;}
#navs a.current     {xbackground:transparent url(/images/em_layout/menu-secondary-current.gif) no-repeat scroll 40% 100%; text-decoration:underline; color:black; font-weight:bold;}
#navs a:hover       {text-decoration:underline;}
#navs a.spacer      {padding:4px 5px 0 5px; color:#999999;}
#navs a.spacer:hover{text-decoration:none;}

/* Footer
-----------------*/
#footer             {font-size:85%; text-align:center;}
#footer div         {padding-top:22px;}
#footer a           {color:#000; padding:4px 8px; position:relative; text-decoration:none; white-space:nowrap; word-spacing:-0.17em; font-weight:bold;}
#footer a:hover     {text-decoration:underline;}

/* Utilities
-----------------*/
#util                   {padding-top:3px;}
#util a                 {color:black;}
#util ul                {float:right; margin:0;}
#util ul li             {display:inline; padding-right:4px;}
#search,
#contact_us,
#print_course,
#refer_friend           {font-size:77%;}
.fontsize span a        {text-decoration:none; color:black;}
.fontsize #type_size    {font-size:77%;}
.fontsize #grow         {font-size:122%; font-weight:bold;}
.fontsize #shrink       {font-weight:bold;}
.print                  {font-size:77%;}
#drop                   {float:right; padding:15px 20px 0 0;}
#drop input             {font-size:77%; border:1px solid #CCCCCC; background-color:white;}
#drop form              {padding:6px 0;}
#newsletter             {font-weight:bold; font-size:114%;}

/* GENERAL TYPOGRAPHY (Standard HTML tags)
-----------------------------------------------------------*/
html,           
body                {color:black; background:#a4aad5 url(/images/em_layout/bg_grad.png) repeat-x;}
h1                  {font-size:174%; font-weight:normal; color:#333333; border-bottom:1px dashed #CCCCCC; margin-bottom:.5em; clear:both;}
h2                  {color:#000066; font-size:146.5%; font-weight:normal; margin-bottom:.5em;}
h3                  {color:#000066; font-size:123.1%; font-weight:normal; margin-bottom:.5em;}
h4                  {color:#000066; font-size:116%; font-weight:normal; margin-bottom:.5em;}
p                   {margin-bottom:1em;}
b,              
strong              {color:#333333;}
a                   {text-decoration:none;}
a:link              {color:#218cf0;}
a:visited           {color:#6562b9;}
a:hover,        
a:focus             {color:#00a72c; text-decoration:underline;}
a:active            {}
blockquote          {background:transparent url(/images/new_layout/blockquote.gif) no-repeat scroll 0pt 5px; color:#555; padding-left:30px;}
.last               {margin-bottom:0;}

/* FORMS
-----------------------------------------------------------*/
input,
select                  {padding:2px;}
input.cs_text,
textarea,
#password,
#password2              {border:solid 1px #99A2DF;}
input.cs_text:hover,
#password:hover,
#password2:hover        {background-color:white; color:black; cursor:pointer;}
input.cs_text:focus,
#password,
#password2              {color:black; background-color:white; cursor:text;}
select.cs_select        {border:solid 1px #99A2DF; cursor:pointer;}
select.cs_select:hover  {color:#333; background-color:white; border-color:#00991B;}

select.cs_select:focus  {color:#000; background-color:white;}

/* TABLES
-----------------------------------------------------------*/
table       {clear:both; text-align:left;}
table,
table td,
table th    {border-collapse:collapse;}
td,th       {padding:2px 3px;}

/* Alternating Color 1
-----------------*/
table.alternating_1,
table.alternating_1 td,
table.alternating_1 th      {border:1px solid #cccccc;}
table.alternating_1 td,
table.alternating_1 th      {padding:3px;}
table.alternating_1 th      {background-color:#CFECC5; font-weight:bold;}
table.alternating_1 tr.odd  {background-color:#F3FAEF;}

/* Alternating Color 2
-----------------*/
table.alternating_2,
table.alternating_2 td,
table.alternating_2 th      {border:1px solid #cccccc;}
table.alternating_2 td,
table.alternating_2 th      {padding:3px;}
table.alternating_2 th      {background-color:#C9E8E1; font-weight:bold;}
table.alternating_2 tr.odd  {background-color:#F1F9F7;}

/* Alternating Color 3
-----------------*/
table.alternating_3,
table.alternating_3 td,
table.alternating_3 th      {border:1px solid #cccccc;}
table.alternating_3 td,
table.alternating_3 th      {padding:3px;}
table.alternating_3 th      {background-color:#CBD8E9; font-weight:bold;}
table.alternating_3 tr.odd  {background-color:#F2F4F9;}

/* Alternating Color 4
-----------------*/
table.alternating_4,
table.alternating_4 td,
table.alternating_4 th      {border:1px solid #cccccc;}
table.alternating_4 td,
table.alternating_4 th      {padding:3px;}
table.alternating_4 th      {background-color:#DABED9; font-weight:bold;}
table.alternating_4 tr.odd  {background-color:#F5EEF5;}

/* Alternating Color 5
-----------------*/
table.alternating_5,
table.alternating_5 td,
table.alternating_5 th      {border:1px solid #cccccc;}
table.alternating_5 td,
table.alternating_5 th      {padding:3px;}
table.alternating_5 th      {background-color:#FBCBBF; font-weight:bold;}
table.alternating_5 tr.odd  {background-color:#FDF1EE;}

/* Alternating Color 6
-----------------*/
table.alternating_6,
table.alternating_6 td,
table.alternating_6 th      {border:1px solid #cccccc;}
table.alternating_6 td,
table.alternating_6 th      {padding:3px;}
table.alternating_6 th      {background-color:#FEE4C1; font-weight:bold;}
table.alternating_6 tr.odd  {background-color:#FFF8EE;}

/* Alternating Color 7
-----------------*/
table.alternating_7,
table.alternating_7 td,
table.alternating_7 th      {border:1px solid #cccccc;}
table.alternating_7 td,
table.alternating_7 th      {padding:3px;}
table.alternating_7 th      {background-color:#FEEDC9; font-weight:bold;}
table.alternating_7 tr.odd  {background-color:#FFFBF2;}

/* 7 Centers Color 1
-----------------*/
table.seven_centers,
table.seven_centers td,
table.seven_centers th      {}
table.seven_centers td,
table.seven_centers th      {padding:3px;}
table.seven_centers th      {font-weight:bold; border:none;}
table.seven_centers td      {border:1px solid #cccccc;}
table.seven_centers thead tr{font-weight:bold;}
table.seven_centers tr.ld   {background-color:#CFECC5;}
table.seven_centers tr.lc   {background-color:#FEE4C1;}
table.seven_centers tr.cf   {background-color:#FBCBBF;}
table.seven_centers tr.fn   {background-color:#CBD8E9;}
table.seven_centers tr.lg   {background-color:#FEEDC9;}
table.seven_centers tr.mk   {background-color:#C9E8E1;}
table.seven_centers tr.mg   {background-color:#DABED9;}

/* Table Overides
-----------------*/
table td.top_left,
table th.top_left {border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; background-color:transparent;}

/* LISTS
-----------------------------------------------------------*/
ul,ol               {margin:0 0 1em 1.5em;}
ul li               {list-style-image:url(/images/new_layout/bullet.gif); margin-bottom:4px;}
ul ul,
ul ol,
ol ul,
ol ol               {margin:0 0 0 1.5em;}
ul.checkmark li     {list-style-image:url(/images/new_layout/bullet_checkmark.gif);}
ul.go li            {list-style-image:url(/images/icons/silkgif/bullet_go.gif);}
ul.go_r li          {list-style-image:url(/images/new_layout/bullet_go_red.gif);}
ul.go_p li          {list-style-image:url(/images/new_layout/bullet_go_purple.gif);}
ul.triangle li      {list-style-image:url(/images/new_layout/bullet_triangle.gif);}
ul.square li        {list-style-image:url(/images/new_layout/bullet_square.gif);}
ul.comment li       {list-style-image:url(/images/new_layout/bullet_comment.gif);}
ul ol li,
ul.checkmark ol li,
ul.go ol li,
ul.square ol li,
ul.triangle ol li   {list-style-image:none;}

/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
-----------------------------------------------------------*/

#media                  {margin-bottom:1em;}

.capsule_1              {min-width:15em; width:15em; margin:.5em 0; position:relative;}
.capsule_1 .hd .c       {font-size:1px; height:50px;}
.capsule_1 .ft .c       {font-size:1px; height:25px;}
.capsule_1 .hd          {background:url(/images/em_layout/capsule/capsule_1_01.png) no-repeat 0px 0px;}
.capsule_1 .hd .c       {background:url(/images/em_layout/capsule/capsule_1_02.png) no-repeat right 0px;}
.capsule_1 .bd          {background:url(/images/em_layout/capsule/capsule_1_03.png) top left repeat-y;}
.capsule_1 .bd .c       {background:url(/images/em_layout/capsule/capsule_1_04.png) top right repeat-y;}
.capsule_1 .bd .c .m    {margin:0; padding:0 20px 0 17px;}
.capsule_1 .ft          {background:url(/images/em_layout/capsule/capsule_1_06.png) no-repeat 0px 0px;}
.capsule_1 .ft .c       {background:url(/images/em_layout/capsule/capsule_1_07.png) no-repeat right 0px;}
.capsule_1 .m .header   {position:absolute; top:22px;}

/* Notebook */
.nb                     {min-width:15em; width:15em; margin:.5em 0; position:relative;}
.nb .hd .c              {font-size:1px; height:16px;}
.nb .ft .c              {font-size:1px; height:19px;}
.nb .hd                 {background:url(/images/em_layout/notebook/nb_1.gif) no-repeat 0px 0px;}
.nb .hd .c              {background:url(/images/em_layout/notebook/nb_2.gif) no-repeat right 0px;}
.nb .bd                 {background:url(/images/em_layout/notebook/nb_3.gif) top left repeat-y;}
.nb .bd .c              {background:url(/images/em_layout/notebook/nb_4.gif) top right repeat-y;}
.nb .bd .c .m           {margin:0; padding:0 10px 1em 25px;}
.nb .ft                 {background:url(/images/em_layout/notebook/nb_5.gif) no-repeat 0px 0px;}
.nb .ft .c              {background:url(/images/em_layout/notebook/nb_6.gif) no-repeat right 0px;}
/* Notebook Worksheets */
.nb_ws .hd                 {background:url(/images/em_layout/notebook/nb_ws_1.gif) no-repeat 0px 0px;}
.nb_ws .hd .c              {background:url(/images/em_layout/notebook/nb_ws_2.gif) no-repeat right 0px;}
.nb_ws .bd                 {background:url(/images/em_layout/notebook/nb_ws_3.gif) top left repeat-y;}
.nb_ws .bd .c              {background:url(/images/em_layout/notebook/nb_ws_4.gif) top right repeat-y;}
.nb_ws .ft                 {background:url(/images/em_layout/notebook/nb_ws_5.gif) no-repeat 0px 0px;}
.nb_ws .ft .c              {background:url(/images/em_layout/notebook/nb_ws_6.gif) no-repeat right 0px;}
/* Tabs above notebook */
.nb_tabs                {margin:0 0 0 2em; padding:0; list-style:none; display:block; height:16px; font-size:13px;}
.nb_tabs li             {display:inline; margin:0; padding:0;}
.nb_tabs a              {float:left; background:url(/images/em_layout/notebook/nb_tab_left.gif) no-repeat left top; margin:0; padding:0 0 0 10px; text-decoration:none;}
.nb_tabs a span         {float:left; display:block; background:url(/images/em_layout/notebook/nb_tab_right.gif) no-repeat right top; padding:0 10px 0 0; color:black;}
.nb_tabs a:hover span   {color:black;}
.nb_tabs a:hover,
.nb_tabs a.current      {background-position:0% -17px; text-decoration:none; cursor:pointer;}
.nb_tabs a:hover span,
.nb_tabs a.current span {background-position:100% -17px;}
.nb_tabs a.current span {color:black;}

.nb_tabs a.disabled      {background-position:0% -34px; text-decoration:none;}
.nb_tabs a.disabled span {background-position:100% -34px;}
.nb_tabs a.disabled span {color:#999;}

.nb_tabs a.disabled:hover span      {text-decoration:none; color:#999;}
.nb_tabs a:hover span               {text-decoration:underline; color:#00A72C;}
.nb_tabs a.current:hover span       {text-decoration:none; color:black; cursor:default;}

/* Tabs below notebook */
.nb_bottom              {margin-top:-7px;}
.nb_bottom a            {background-image:url(/images/em_layout/notebook/nb_tab_b_left.gif)}
.nb_bottom a span       {background-image:url(/images/em_layout/notebook/nb_tab_b_right.gif)}
/* Tabs worksheets */
.nb_tabs .ws_tab a              {background-position:0% -51px;}
.nb_tabs .ws_tab a span         {background-position:100% -51px;}
.nb_tabs .ws_tab a:hover,
.nb_tabs .ws_tab a.current      {background-position:0% -68px;}
.nb_tabs .ws_tab a:hover span,
.nb_tabs .ws_tab a.current span {background-position:100% -68px;}

.toc                    {width:349px; clear:left;}
.toc_top                {width:331px; height:40px; padding:30px 0 0 18px; background:url(/images/em_layout/toc/toc_top.gif) no-repeat;}
.toc_top h3             {width:315px;}
.toc_repeat             {width:319px; padding:0 15px; background:url(/images/em_layout/toc/toc_repeat.gif) repeat-y;}
.toc_bottom             {height:24px; background:url(/images/em_layout/toc/toc_bottom.gif) no-repeat;}
.toc_list               {margin:0;}
.toc_list li:last-child {padding-bottom:0;}
.toc li                 {list-style-image:none; list-style:none; margin:0; padding:0 0 1em 1.5em; line-height:19px;}
.toc li.current         {background:url(/images/icons/silkgif/bullet_go.gif) no-repeat top left;}
.after_course           {padding-top:7px; margin-top:9px; border-top:1px dashed #CCC;}

/* News
-----------------*/
#em_news .meta                          {font-size:85%; color:#666; margin:0;}
#em_news .title                         {color:#000066; font-weight:bold; margin-bottom:.5em;}
#em_news .news                          {font-size:93%; border-bottom:1px dashed #CCC;}

/* My courses on /edu/ homepage */
#my_courses_title                       {position:absolute; left:275px; top:15px;}

table.my_courses                        {border:1px solid #A8BF9B; font-size:85%; width:100%; margin:0 0 1em 0; clear:none;}
table.my_courses:last-child             {margin-bottom:0;}
table.my_courses tr,
table.my_courses tr td                  {border-top:1px solid #A8BF9B; background-color:white;}
table.my_courses tr.multi_session       {border:none;}
table.my_courses td                     {vertical-align:top;}

table.my_courses td,
table.my_courses th                     {padding:5px 0 5px 5px;}

table.my_courses th                     {background-color:#C4DFB5; font-weight:bold;}
table.my_courses tr td                  {background-color:#DCEFD1;}
table.my_courses tr.odd td              {background-color:#F5FFEF;}

table.my_courses .next_session td       {padding:0 2px; vertical-align:middle; border:none;}
table.my_courses .next_session img      {display:block;}
table.my_courses .next_session tr,
table.my_courses .next_session tr td    {border:none;}
table.my_courses .next_session tr       {background-color:transparent;}

.course_status                          {width:50px; border:1px solid #CCC; text-align:center; background:url(/images/em_layout/em_progress.gif) -200px 0 no-repeat;}

.useful                                 {width:180px; float:right;}

/* Chapter Text */
.nb .bd .c .ch              {padding:0 15px 0 30px;}
.nb .bd .c .ch img.center   {margin-bottom:1em;}
.nb .bd .c .ch h1           {font-size:153.9%;}
.emaction                   {width:145px; border:1px solid #CCC; font-size:77%; text-align:center; padding:3px;}
.emaction img               {display:block; margin:0 auto;}
.emaction p                 {margin:0;}

#ch_bookmark                {position:absolute; left:735px; top:60px; cursor:pointer;}

/* Overview */
#overview               {min-height:200px; height:auto !important; height:200px;}
#overview ol            {margin-left:2em;}

.dropshadow2,
.dropshadow2 .innerbox  {position: relative; bottom: 4px; right: 4px;}
.dropshadow2            {border:1px solid white; background-color:#CCC; margin:1em 5px .25em 15px;}
.dropshadow2 .innerbox  {border:1px solid #B5CDDF; background-color:#DCEDFA; padding:.5em .5em 0 .5em;}

#ba_qview li            {margin-bottom:1em;}
#ba_qview .option_1     {background-color: #FCD5B6;}
#ba_qview .option_2     {background-color: #FCECCA;}
#ba_qview .option_3     {background-color: #E1F3DB;}
#ba_qview .option_4     {background-color: #C3E7C3;}

#ba_qview .option_1,
#ba_qview .option_2,
#ba_qview .option_3,
#ba_qview .option_4     {width: 25%; font-size:85%;}

#ba_prereq              {color:#666; margin-left:2em;}
#ba_prereq li           {margin-bottom:1em;}

/* Worksheets */
.ws table                   {width:305px;}
.ws table th, .ws table td  {text-align:center; background-color:#BCDBE8;}
.ws table .title            {text-align:left;}
.ws table td                {font-size:85%; background-color:white;}

/* Resources */
.em_rs                      {width:600px; font-size:85%; margin:0 auto 1em auto;}

/* Print Course */
.print_course_h             {margin:1em 0; border: 1px solid #00A0AF; padding: 3px; text-align: center; background-color: #C4E4E8;}

/* Walk on */
#walk_on                    {position:fixed; right:0; bottom:0; width:120px; height:160px; z-index:1;}

/* Quiz */
ol.quiz_results li          {margin-bottom:1em;}
ol.quiz_results ul li       {margin-bottom:0;}

/* Rounded Dialog Box w/Header
-----------------*/
.dialog2                {min-width:15em; width:15em;}
.dialog2 .hd .c,
.dialog2 .ft .c         {font-size:1px; height:24px;}
.dialog2 .ft .c         {height:11px;}
.dialog2 .hd            {background:transparent url(/images/new_layout/rounded_box_01.gif) no-repeat 0px 0px;}
.dialog2 .hd p          {padding:2px 0 0 9px; margin:0; font-size:123.1%; color:#627EB7; float:left; font-weight:bold;}
.dialog2 .hd .c         {background:url(/images/new_layout/rounded_box_02.gif) no-repeat right 0px;}
.dialog2 .bd            {background:url(/images/new_layout/rounded_box_03.gif) repeat-y 0px 0px;}
.dialog2 .bd .c         {background:url(/images/new_layout/rounded_box_04.gif) repeat-y right 0px;}
.dialog2 .bd .c .m      {margin:0; padding:0 6px;}
.dialog2 .ft            {background:url(/images/new_layout/rounded_box_05.gif) no-repeat 0px 0px;}
.dialog2 .ft .c         {background:url(/images/new_layout/rounded_box_06.gif) no-repeat right 0px;}

/* Tooltips
-----------------*/
.tool-tip       {color:#fff; width:139px; z-index:13000;}
.tool-title     {font-weight:bold; font-size:11px; margin:0; color:#9FD4FF; padding:8px 8px 4px; background:url(/images/new_layout/bubble.png) top left;}
.tool-text      {font-size:11px; padding:4px 8px 8px; background:url(/images/new_layout/bubble.png) bottom right;}
.custom-tip     {color:#000; width:130px; z-index:13000;}
.custom-title   {font-weight:bold; font-size:11px; margin:0; color:#3E4F14; padding:8px 8px 4px; background:#C3DF7D; border-bottom:1px solid #B5CF74;}
.custom-text    {font-size:11px; padding:4px 8px 8px; background:#CFDFA7;}

/* Misc.
-----------------*/
#login_logout           {padding-top:5px; font-size:77%;}
#login_logout a         {color:black;}
#content_first          {height:3px;}
.copywrite              {padding-top:6px; font-size:85%; color:#444; text-align:center; clear:both;}
.center                 {display:block; margin:0 auto;}
.left                   {float:left; margin:0 8px 0 0;}
.right                  {float:right; margin:0 0 0 8px;}
.one_em_block           {margin:1em 0; padding:1em; border:1px solid #CCCCCC;}
.one_px_block           {margin:1px 0; padding:1px; border:1px solid #CCCCCC;}
.content_wrapper        {margin:1em; padding:1em; border:1px solid #CCCCCC; background-color:white; text-align:left;}
.em_wrapper             {margin:8px 0 .25em; padding:.5em 1em 0; border:1px solid #979797; background-color: white;}
.not_found              {height:1px; padding:1px;} /* Used on Secondary Nav Query in Layout */
.definition             {background-color:#F3FAEF;}
.glossaryword           {font-weight:bold;}
.glossarydef            {padding-bottom:1em;}
.error_msg              {margin-top:4px; border: 1px solid #F79887; padding: 3px; text-align: center; background-color: #FFE6DF;}
.ok_msg                 {margin-top:4px; border: 1px solid #72C48C; padding: 3px; text-align: center; background-color: #E8F3E7;}