/* 
 * Copyright (c) 2009 Carnegie Mellon University.
 * Carlos Quesada (clq@andrew.cmu.edu)
 * Modified Joomla Theme for OLI
 */
body.contentpane { width: auto; /* Printable Page */ margin: 1em 2em; line-height: 1.3em; margin: 0px 0px 0px 0px; font-size: 12px; color: #333; }

/*  structure  */
/* CONTENT */
#oli-content-fullwrap{ clear:left; padding:10px 10px 20px 20px; }

/*.portalLink{ padding:3px 3px 3px 20px;background:url(../images/icons/16x16/places/briefcase.png) no-repeat scroll 1px 50%;}*/

.portlet{min-width:250px;max-width:360px;margin-top:10px;}
.portlet table{border-collapse:collapse;}
.portlet > table{width:100%;}

/* COLORED BOXES and HEADERS */
.blueberryBox h3, .blueberryHeader,
.spinachBox h3, .spinachHeader,
.braeburnBox h3, .braeburnHeader,
.yamBox h3, .yamHeader,
.mustardBox h3, .mustardHeader,
.charcoalBox h3, .charcoalHeader{
  font-size:116%;padding:5px 8px 3px;
  -moz-border-radius:10px 10px 0 0;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;border-radius:10px 10px 0 0}
.blueberryBox h3, .blueberryHeader{background-color:#CCDDFF;color:#586784}
.spinachBox h3, .spinachHeader{background-color:#C5DCAE;color:#547B27}
.braeburnBox h3, .braeburnHeader{background-color:#f2c6c2;color:#70534a}
.yamBox h3, .yamHeader{background-color:#ecbf81;color:#7b6240}
.mustardBox h3, .mustardHeader{background-color:#eddb80;color:#706c43}
.charcoalBox h3, .charcoalHeader{background-color:#b7c1d5;color:#404e57}

.blueberryBox h1, .blueberryBox h2,
.spinachBox h1, .spinachBox h2,
.braeburnBox h1, .braeburnBox h2,
.yamBox h1, .yamBox h2,
.mustardBox h1, .mustardBox h2,
.charcoalBox h1, .charcoalBox h2{padding-top:.18em;}
.blueberryBox h3, .blueberryBox p,
.spinachBox h3, .spinachBox p,
.braeburnBox h3, .braeburnBox p,
.yamBox h3, .yamBox p,
.mustardBox h3, .mustardBox p,
.charcoalBox h3, .charcoalBox p{max-width:none;}

.blueberryBox, .GeneralBox{background-color:#EBF1FA;border-bottom:1px solid #cdf;padding:.25em .5em .5em;}
.spinachBox{background-color:#E0F2CE;border-bottom:1px solid #c5dcae;padding:.25em .5em .5em;}
.braeburnBox{background-color:#F5E4DC;border-bottom:1px solid #f2c6c2;padding:.25em .5em .5em;}
.yamBox{background-color:#fff2e1;border-bottom:1px solid #ecbf81;padding:.25em .5em .5em;}
.mustardBox{background-color:#FFF5BE;border-bottom:1px solid #eddb80;padding:.25em .5em .5em;}
.charcoalBox{background-color:#e1e5f0;border-bottom:1px solid #b7c1d5;padding:.25em .5em .5em;}


/* ACCESSIBILITY */
.accessibility { position: absolute; top: -100%; }

/* Titles (Additional Headings: like H1, H2) */
.contentheading,
.componentheading,
.blog_more strong { font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0; padding: .5em 0 .18em;/*  line-height:95%;  */}

/* Small text */
small,
.small,
.smalldark,
.mosimage_caption,
.createby,
.createdate,
.modifydate,
a.readon,
.img_caption { color: #666666; font-size: 92%; }

/* Quote hilight */
.quote-hilite { padding: 10px 15px; margin: 0; border: 1px solid #CACACC; background: #FFFFFF; }

/* Small quote */
.small-quote { margin: 0; padding: 0; background: none; }
.small-quote span.open-quote { margin: 0; padding-left: 20px; background: url(../images/so-q.gif) no-repeat center left; }
.small-quote span.close-quote { margin: 0; padding-right: 20px; background: url(../images/sc-q.gif) no-repeat center right; }
.small-quote span.author { padding: 2px 5px 2px 20px; border-top: 1px solid #DCDDE0; margin: 0.5em 0 0; display: block; background: url(../images/icons/author.gif) no-repeat 5px 4px #EAEBEE; font-size: 90%; text-transform: uppercase; }

/* oli-quote */
.oli-quote{color:#434E54;}

/* Dropcap */
.dropcap { float: left; padding: 4px 8px 0 0; display: block; color: #999999; font: 50px/40px Georgia, Times, serif; }

/* Tips, Error, Hightlight*/
p.error { padding-left: 25px; color: #BF0000; background: url(../images/icon-error.gif) no-repeat top left; }
p.tips { padding-left: 25px; color: #EE9600; background: url(../images/icon-tips.gif) no-repeat top left; }
.highlight{padding:5px 1px; background: #FFFFCC; font-weight: bold; }

/* Messages */
.message{padding-left:25px;color:#006699; background: url(../images/icon-info.gif) no-repeat top left}
.oli-message-blueberry,
.oli-message-yam,
.oli-message-spinach,
.oli-message-braeburn,
.oli-message-mustard,
.oli-message-charcoal{padding:.5em 1em;margin:.5em 0;border-style:solid;border-width:1px 0}
.oli-message-blueberry{border-color:#7898C4;background-color:#EBF1FA}
.oli-message-spinach{border-color:#6cab13;background-color:#E0F2CE}
.oli-message-braeburn{border-color:#cc8066;background-color:#F5E4DC}
.oli-message-yam{border-color:#C60;background-color:#FAE5C8}
.oli-message-mustard{border-color:#CA0;background-color:#FFF5BE}
.oli-message-charcoal{border-color:#9AA1A6;background-color:#e1e5f0}
/*feedback model*/
.oli-message{border-style:solid;border-width:1px 0;padding:15px 10px;margin:0;}
	.blueberry{border-color:#128ab3;background-color:#8abee5;color:#002d4d;}
	.spinach{border-color:#6cab13;background-color:#95b36b;color:#304d08;}
	.mustard{border-color:#ccaa00;background-color:#FFE56F;color:#737300;}
	.braeburn{border-color:#A62900;background-color:#cc8066;color:#731d00;}

/* Note Style */
p.stickynote { padding: 10px 0px 10px 40px; border: 1px solid #CACACC; background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF; }
p.download { padding: 10px 0px 10px 40px; border: 1px solid #CACACC; background: url(../images/icons/download-bg.gif) no-repeat 5px center #FFFFFF; }
.blocknumber { clear: both; padding: 5px 15px 10px; position: relative; }

/* Check list */
ul.checklist { list-style: none; }
ul.checklist li { margin-left: 15px; padding: 0 0 5px 20px; background: url(../images/icons/checklist-bg.gif) no-repeat 0 3px; }

/* Small checklist */
ul.small-checklist { list-style: none; }
ul.small-checklist li { margin-left: 15px; padding: 0 0 5px 20px; background: url(../images/icon_list.gif) no-repeat 0 3px; }

/* Check list */
ul.stars { list-style: none; }
ul.stars li { margin-left: 15px; padding: 0px 0 5px 20px; background: url(../images/star-bg.gif) no-repeat 0 3px; }

/* Bignumber */
.bignumber { float: left; margin-right: 8px; padding: 6px 7px; display: block; background: url(../images/ol-bg.gif) no-repeat top left; color: #666633; font: bold 20px/normal Arial, sans-serif; }

/* Talking box. Thinking box. */
div.bubble1,
div.bubble2,
div.bubble3,
div.bubble4 { margin: 15px 0; }
div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author { padding-left: 15px; margin-left: 15px; background: url(../images/icons/author.gif) no-repeat center left; font-weight: bold; }
div.bubble1 div { margin: 0; width: 100%; background: url(../images/bub1-br.gif) no-repeat bottom right; }
div.bubble1 div div { background: url(../images/bub1-bl.gif) no-repeat bottom left; }
div.bubble1 div div div { background: url(../images/bub1-tr.gif) no-repeat top right; }
div.bubble1 div div div div { background: url(../images/bub1-tl.gif) no-repeat top left; }
div.bubble1 div div div div div { margin: 0; padding: 15px 15px 30px 15px; width: auto; }
div.bubble2 div { margin: 0; width: 100%; background: url(../images/bub2-br.gif) no-repeat bottom right; }
div.bubble2 div div { background: url(../images/bub2-bl.gif) no-repeat bottom left; }
div.bubble2 div div div { background: url(../images/bub2-tr.gif) no-repeat top right; }
div.bubble2 div div div div { background: url(../images/bub2-tl.gif) no-repeat top left; }
div.bubble2 div div div div div { margin: 0; padding: 15px 15px 35px 15px; width: auto; }
div.bubble3 div { margin: 0; width: 100%; background: url(../images/bub3-br.gif) no-repeat bottom right; }
div.bubble3 div div { background: url(../images/bub3-bl.gif) no-repeat bottom left; }
div.bubble3 div div div { background: url(../images/bub3-tr.gif) no-repeat top right; }
div.bubble3 div div div div { background: url(../images/bub3-tl.gif) no-repeat top left; }
div.bubble3 div div div div div { margin: 0; padding: 15px 15px 50px 15px; width: auto; }
div.bubble4 div { margin: 0; width: 100%; background: url(../images/bub4-br.gif) no-repeat bottom right; }
div.bubble4 div div { background: url(../images/bub4-bl.gif) no-repeat bottom left; }
div.bubble4 div div div { background: url(../images/bub4-tr.gif) no-repeat top right; }
div.bubble4 div div div div { background: url(../images/bub4-tl.gif) no-repeat top left; }
div.bubble4 div div div div div { margin: 0; padding: 15px 15px 55px 15px; width: auto; }
/* Legend */
.legend-title { margin: 0; padding: 0 3px; float: left; display: block; background: #F6F6F6; font-weight: bold; position: absolute; top: -10px; left: 7px; }
.legend { margin: 20px 0; padding: 0 10px; border: 1px solid #CACACC; background: #FFFFFF; position: relative; }
/* JOOMLA STYLE */
/* table.blog{width:100%;} */
.article_separator { clear: both; display: block; height: 20px; }
.article_column { }
.column_separator { padding: 0 25px; }

/* content tables */
td.sectiontableheader { padding: 4px; border-right: 1px solid #fff; }
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td { padding: 4px; }
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 { padding: 3px; }
table.contentpane { border: none; width: 100%; }
table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; }
table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%; float: right; }
table.contenttoc a { text-decoration: none; }
table.contenttoc td { padding: 1px 5px 1px 25px; background: url(../images/icons/bullet-list.gif) no-repeat 5% 50%; }
table.contenttoc th { padding: 0 0 3PX; border-bottom: 1px solid #CCCCCC; text-indent: 5px; }
table.poll { padding: 0; width: 100%; border-collapse: collapse; }
table.pollstableborder { padding: 0; width: 100%; border: none; text-align: left; }
table.pollstableborder img { vertical-align: baseline; }
table.pollstableborder td { padding: 4px!important; border-collapse: collapse; border-spacing: 0; }
table.pollstableborder tr.sectiontableentry1 td { background: #ECECEC; }
table.searchintro { padding: 10px 0; width: 100%; }
table.searchintro td { padding: 5px!important; }
table.adminform { }
.adminform .inputbox { }
.blog_more { padding: 10px 0; background: url(../images/hdot.gif) repeat-x top; }
.blog_more strong { margin: 0 0 5px; display: block; font-size: 125%; }
/*.blog_more ul{margin:0;padding:0;}*/
/* .blog_more ul li{  margin: 0; padding: 0 0 0 17px;background: url(../images/icons/bullet.gif) no-repeat 6px 8px;} */
.category { font-weight: bold; }
h1.componentheading,
.componentheading{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0;
	padding: .9em 0 .18em;
	line-height:125%;
	color:#656F7A;font-size:230%;}
h2.contentheading,
.contentheading{
	background: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0;
	padding: .9em 0 .18em;
	line-height:125%;
  font-size: 185%;color:#484f54;
}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { text-decoration: none !important; }
a.readon { float: left; margin-top: 10px; padding: 1px 5px 1px 14px; border: 1px solid #F6F6F6; display: block; background: url(../images/icons/arrow.png) no-repeat 5px 48%; color: #006699; font-weight: bold; text-decoration: none; text-transform: uppercase; }
a.readon:hover,
a.readon:active,
a.readon:focus{border: 1px solid #ECECEC; background: url(../images/icons/arrow.png) no-repeat 5px 48% #FFFFFF; }
/*table.contentpaneopen td,
table.contentpane td { }
table.contentpaneopen,
table.contentpane,
table.blog{}*/

/* PAGINATION */
ul.pagination { margin: 15px auto; padding: 10px 0; background: url(../images/hdot.gif) repeat-x top;text-align:center;}
ul.pagination li { margin: 0; padding: 2px 5px; display: inline; background: none; }
ul.pagination li span {padding: 2px 5px;}
ul.pagination a { padding:5px;  border: 1px solid #DDD;background-color:#ECECEC }
ul.pagination a:hover,
ul.pagination a:active,
ul.pagination a:focus { /* border: 1px solid #ECECEC;  */background-color: #FFFFFF; }
.pagenavbar { padding-left: 14px; }
.pagenavcounter { padding: 8px 14px 0 14px; }
ul.pagination.top { /* float:right; width:10em; margin:-4px 1em 0 .5em;  */padding:0; background:none; }
.sectiontableheader { padding: 8px 5px; background: #003366; color: #FFFFFF; }
.sectiontableheader a { color: #FFFFFF; }
tr.sectiontableentry1 td { padding: 8px 5px; background: url(../images/hdot2.gif) repeat-x bottom; }
tr.sectiontableentry2 td { padding: 8px 5px; background: url(../images/hdot2.gif) repeat-x bottom #ECECEC; }
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td { background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC; }
.smalldark { text-align: left; }
div.syndicate div { text-align: center; }
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td { background: none; }

/* TOOLS */
.toolbar { clear:both; margin:0 -.5em; padding:.1em .5em 0 0; text-align:right; }
.toolbar a { padding:0 10px; }
.tools { background:#ECECEC; border-top:1px solid #DDD; padding:.3em; margin:0; }
.article-tools { border-top: 1px solid #DDDDDD; width: 100%; float: left; clear: both; margin-bottom: 15px; display: block; background: #ECECEC; }
.article-meta { padding: 5px; width: 80%; float: left; }
.createby { padding: 3px 3px 3px 20px; background: url(../images/icon-user.gif) no-repeat 0 2px; }
.createdate { padding: 3px 3px 3px 20px; background: url(../images/icon-date.gif) no-repeat 0 2px; }
.modifydate { width: 100%; float: left; }
div.buttonheading { float: right; width: 15%; }
.buttonheading img { margin: 7px 5px 0 0; border: 0; float: right; }

/* BUTTONS */
.startbtn_wrap a.startbtn{background:#1F4866 url(../modules/headnav/headnav_bg.png) repeat-x scroll 50% 50%; border-color:#005E8A #223344 #0A4059 #445577; border-style:solid; border-width:1px; color:#FFFFFF !important; font-family:times New Roman; font-size:20px; padding:3px 6px; text-decoration:none;line-height:2em;white-space:nowrap;}
.startbtn_wrap a.startbtn:hover{text-decoration:none;}
.startbtn_wrap a.startbtn > span{padding-right:21px;background:url(../images/icons/16x16/actions/join.gif) no-repeat right 50%;}
#freeLinks ul li p b{font-size:83%;}

/* article-links */
.article-links { }
.article-links ul { list-style-type:none; }
.article-links ul li { float:left; }
.article-links:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; }
ul.article-links { list-style-type:none; }
ul.article-links li { background:none; padding-left:1em; }

/* MODULE */
/* Module rounded */
div.module h3{margin:0 -15px 10px;padding:8px 15px 5px;border-bottom:2px solid #F6F6F6;font-size:125%;font-weight: bold;}
div.module_black,
div.module_green,
div.module_blue,
div.module_red,
div.module { margin-bottom: 20px; float: left; clear: both; width: 100%; background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF; }
div.module div { background: url(../images/b-bl.gif) no-repeat bottom left; }
div.module div div { background: url(../images/b-tr.gif) no-repeat top right; }
div.module div div div { padding: 0 15px 10px; background: url(../images/b-tl.gif) no-repeat top left; }
div.module_black div div div div,
div.module_green div div div div,
div.module_blue div div div div,
div.module_red div div div div,
div.module_text div div div div,
div.module div div div div { margin: 0; padding: 0; float: none; width: 99%; background: none; }
div.module_text h3 { margin: 0 0 10px; width: 100%; clear: both; display: block; overflow: hidden; }
div.module_text span { padding: 0 3px 0 0; float: left; clear: both; display: block; background: #F6F6F6; font-weight: bold; }
div.module_text { margin-bottom: 20px; padding: 0; float: left; clear: both; width: 100%; background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6; }
div.module_text div { background: url(../images/bt-bl.gif) no-repeat bottom left; }
div.module_text div div { background: url(../images/bt-tr.gif) no-repeat top right; }
div.module_text div div div { padding: 0 15px 10px; display: block; background: url(../images/bt-tl.gif) no-repeat top left; }
div.banneritem_text { padding: 5px 0 !important; }

/* red */
div.module_black h3,
div.module_green h3,
div.module_blue h3,
div.module_red h3 { margin: 0 -15px 10px; padding: 8px 15px 5px; border-bottom: 1px solid #F6F6F6; color: #FFFFFF; font-size: 125%; font-weight: bold; }
div.module_red { background: url(../images/br-br.gif) no-repeat bottom right #BF0000; color: #FFFFFF; }
div.module_red div { background: url(../images/br-bl.gif) no-repeat bottom left; }
div.module_red div div { background: url(../images/br-tr.gif) no-repeat top right; }
div.module_red div div div { padding: 0 15px 10px; background: url(../images/br-tl.gif) no-repeat top left; }

/* blue */
div.module_blue { background: url(../images/bb-br.gif) no-repeat bottom right #006699; color: #FFFFFF; }
div.module_blue div { background: url(../images/bb-bl.gif) no-repeat bottom left; }
div.module_blue div div { background: url(../images/bb-tr.gif) no-repeat top right; }
div.module_blue div div div { padding: 0 15px 10px; background: url(../images/bb-tl.gif) no-repeat top left; }

/* green */
div.module_green { background: url(../images/bg-br.gif) no-repeat bottom right #666633; color: #FFFFFF; }
div.module_green div { background: url(../images/bg-bl.gif) no-repeat bottom left; }
div.module_green div div { background: url(../images/bg-tr.gif) no-repeat top right; }
div.module_green div div div { padding: 0 15px 10px; background: url(../images/bg-tl.gif) no-repeat top left; }

/* black */
div.module_black { background: url(../images/bl-br.gif) no-repeat bottom right #333333; color: #FFFFFF; }
div.module_black div { background: url(../images/bl-bl.gif) no-repeat bottom left; }
div.module_black div div { background: url(../images/bl-tr.gif) no-repeat top right; }
div.module_black div div div { padding: 0 15px 10px; background: url(../images/bl-tl.gif) no-repeat top left; }
div.module_blue ul,
div.module_blue ol,
div.module_red ul,
div.module_red ol,
div.module_black ul,
div.module_black ol,
div.module_green ul,
div.module_green ol { margin: 0; padding: 0; }
div.module_blue li,
div.module_red li,
div.module_black li,
div.module_green li { margin-left: 20px; padding: 0; line-height: 150%; }
div.module_blue a,
div.module_red a,
div.module_black a,
div.module_green a { color: #FFFFFF; }
div.advs { float: left; width: 100%; clear: both; display: block; }

/* SPOTLIGHT */
/* Spotlight Box Style */
.oli-box-full,
.oli-box-left,
.oli-box-center,
.oli-box-right { float: left; overflow: hidden; }
.oli-box-left div.moduletable,
.oli-box-full div.moduletable { padding-right: 30px; background: none; }
.oli-box-right div.moduletable { padding-left: 30px; background: url(../images/vdot2.gif) repeat-y left; }
.oli-box-center div.moduletable { padding: 0 30px; background: url(../images/vdot2.gif) repeat-y left; }
#oli-botsl h3 { background: none; }
#oli-botslwrap{color: #CCCCCC;}
#oli-botsl { padding: 15px 0; }
#oli-botsl div.moduletable { padding-top: 0; padding-bottom: 0; margin: 0; }
#oli-botsl h3 { margin: 0 0 12px; padding: 0; color: #FFFFFF; }
#oli-botsl a { color: #CCCCCC; }
#oli-botsl a:hover,
#oli-botsl a:active,
#oli-botsl a:focus { color: #FFFFFF; }
#oli-botsl ul,
#oli-botsl p,
#oli-botsl ol { padding: 0; margin: 0 !important; }
#oli-botsl ul li { padding: 0 0 0 15px; margin: 0; background: url(../images/icons/bullet2.gif) no-repeat 3px 8px; }
#oli-botsl ol li { margin-left: 25px; padding: 0 !important; }
#oli-botsl td { padding: 0; }
#oli-botsl .article_separator { display: none; }
#oli-botsl table { border-spacing: 0; border-collapse: collapse; }

/* CERTIFICATES */
.oli-cert { float:right; margin:0 10px; }
.oli-cert a{}
.oli-cert a span{display:none;}
.banneritem { display: block; margin-top: 15px; }

/* MISCELLANOUS */

/*usertool*/
ul.oli-usertools-font { display:none; }

h3.show { background: url(../images/icons/arrow2.png) no-repeat 90% 60%; cursor: pointer; }
h3.hide { background: url(../images/icons/arrow3.png) no-repeat 90% 60%; cursor: pointer; }

/*others*/
div.back_button a,
div.back_button a:hover,
div.back_button a:active { margin: 10px 0; display: block; background: none!important; text-decoration: none!important; }

/* LOGIN / SIGN IN */
#form-login p { margin: 0 0 5px; }
#form-login ul { margin: 10px 0 0; }
#form-login .inputbox { width: 90%; }

#oli-login{}
.NeighborLink{font-size:80%;display:block;}
.Neighbor{ font-size:80%;white-space:nowrap; }

.clr { clear: both; }

.hasTip img { margin: 10px 5px 0 0; border: none; }

/* Tooltips */
.tool-tip { float: left; border: 1px solid #D4D5AA; padding: 5px; background: #FFFFCC; max-width: 200px; }
.tool-title { padding: 0; margin: 0; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; font-size: 100%; font-weight: bold; }
.tool-text { margin: 0; font-size: 100%; }
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { padding: 0; margin: 0; }
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li { background: none; padding: 5px; margin: 0; color: #FFFFFF; }

/* System Standard Messages */
#system-message dd.message ul { background: #006699; border: none; }

/* System Error Messages */
#system-message dd.error ul { background: #BF0000; border: none; }

/* System Notice Messages */
#system-message dd.notice ul { background: #EE9600; border: none; }


/* Firefox Scrollbar Hack - Do not remove */
/* html { margin-bottom: 1px; height: 100%!important; height: auto; } */
/* html {overflow-y:scroll;}*/

/*OLI categorical structure*/
	/*sequence*/
	.sequence{clear:left;}
	.sequence{margin:0 0 1em 0;padding:.3em .3em;}
	.sequence h2{border-bottom:1px solid #DDD;font-size:120%;padding-top:0;max-width:none;}
	.sequence h3{/* color:#5b646e; */max-width:none;}
	.sequence p{line-height:170%;max-width:none;}
	.sequence ul {margin:0;max-width:none;}
	/*unit*/
	.sequence ul li {list-style-type:none;font-size:175%;padding-left:0;line-height:130%;color:#49597d;}
	.sequence ul li a {color:#49597d;}
	/*module*/
	.sequence ul li ul{margin:0 0 0 .75em;}
	.sequence ul li ul li {list-style-type:circle;font-size:83%;}
	.sequence ul li ul li a {color:#1b3ca2;}
	.sequence ul li ul li ul li {list-style-type:square;font-size:92%;}/*section*/
	/*sub-section*/
	.sequence ul li ul li ul li ul li {font-size:100%;}
	.sequence .folder{font-weight:bold;list-style-type:none;margin:.7em 0 0;}
	.sequence .folder a:visited {color:#6c2e99;}
	/*pages*/
	.sequence .local{font-weight:normal;font-size:12px;}
	.sequence .local a {color:#002BB8;}
	.sequence .local a:visited {color:#6c2e99;}
	/*quiz*/
	.sequence li.quiz {list-style:none;border-bottom:1px dashed #999;margin-left:1.7em;padding:0;}
	.sequence a.quiz {padding:.3em .3em .1em 0;background:#fcfcf3;float:left;position:relative;bottom:-1px;}
	.sequence a.quiz em{font-style:normal;font-weight:bold;color:#F60;}
	.sequence .quiz .tools{float:right;margin-top:-.3em;position:relative;bottom:-2px;}	

.actionbox{width:22em;background:#f6f7fd url(../images/backgrounds/actionbox.gif);border:5px solid #f6f7fd;padding:.5em 1em;}
.actionbox tr > td {font-weight:bold;}

.comment{color:#434E54;font-size:95%;line-height:120%}

.oli-inputtext{color:#52482E;background-color:#EEF;border:1px solid #706E54;font-size:95%;}

.pushleft{float:left;clear:left;}
.pushright{float:right;clear:right;}

.calloutTop, .blueberryCalloutTop,
.spinachCalloutTop,
.braeburnCalloutTop,
.yamCalloutTop,
.mustardCalloutTop,
.charcoalCalloutTop{padding:.25em;margin:.25em;font:24px/28px serif;font-style:italic;}
.CalloutTop, .blueberryCalloutTop{color:#002d4d;}
.spinachCalloutTop{color:#304d08;}
.braeburnCalloutTop{color:#731d00;}
.yamCalloutTop{color:#733900;}
.mustardCalloutTop{color:#737300;}
.charcoalCalloutTop{color:#292f33;}

.callout, .blueberryCallout,
.spinachCallout,
.braeburnCallout,
.yamCallout,
.mustardCallout,
.charcoalCallout{padding:.5em;border-left:.5em solid;font:24px/28px serif;}
.callout, .blueberryCallout{border-color:#128ab3;color:#002d4d;}
.spinachCallout{border-color:#6cab13;color:#304d08;}
.braeburnCallout{border-color:#a62900;color:#731d00;}
.yamCallout{border-color:#cc6600;color:#733900;}
.mustardCallout{border-color:#ccaa00;color:#737300;}
.charcoalCallout{border-color:#66727a;color:#292f33;}

/* Module: Page Index */
ul#pageindex{background:#e1e5f0;border:1px solid #9aa1a6;display:table;border-collapse:separate;padding:.5em 1em;margin-left:0;}
table#pageindex{border:1px solid #9aa1a6;color:#999;
	-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;
	display:table;border-collapse:separate;margin-left:0;min-width:250px;font-size:12px;}
table#pageindex td{padding:0 .25em;}
table#pageindex span.anchor{color:#5366a6;cursor:pointer;text-decoration:underline}
/* quirks */
/*\*/ * html table#pageindex div{width:250px;} /**/
table#pageindex h3{color:#8a9196;font-size:100%;margin:0;padding:.25em .5em 0;text-align:center}
table#pageindex h3 a{font-weight:normal;font-size:93%;padding:0.25em 0 0}
table#pageindex ol ol{font-size:93%;margin-top:0;;margin-bottom:0;}

.abstract{color:#66727A;font:bold italic 16px/26px serif;}

/* Learn By Doing */
div.lbd-btn{padding:35px 0;margin:1em 0;text-align:center;}
a.lbd-btn{padding:35px 5px 35px 100px;
			background:url(https://thelsamar.andrew.cmu.edu/repository/presentation/standard-1.x/resources/images/icon_learnbydoing.gif) no-repeat scroll left 50%;}
  /* Popup */
	.pop-lbd{background:url(https://thelsamar.andrew.cmu.edu/repository/presentation/standard-1.x/resources/images/icon_learnbydoing.gif) no-repeat scroll left top;padding:30px 100px 0;}
	.pop-lbd h3{}

/* Did I Get This */
div.digt-btn{padding:35px 0;margin:1em 0;text-align:center;}
a.digt-btn{padding:35px 5px 35px 100px;
			background:url(https://thelsamar.andrew.cmu.edu/repository/presentation/standard-1.x/resources/images/icon_didIgetthis.gif) no-repeat scroll left 50%;}
  /* Popup */
  .pop-digt{background:url(https://thelsamar.andrew.cmu.edu/repository/presentation/standard-1.x/resources/images/icon_didIgetthis.gif) no-repeat scroll left top;padding:30px 100px 0;}
  .pop-digt h3{}
div.idngt-btn{padding:35px 0;margin:1em 0;text-align:center;}
a.idngt-btn{padding:35px 0px 35px 100px;
			background:url(../mockups/digt/idngt.png) no-repeat scroll left 50%;}
div.igt-btn{padding:35px 0;margin:1em 0;text-align:center;}
a.igt-btn{padding:35px 0px 35px 100px;
			background:url(../mockups/digt/igt.gif) no-repeat scroll left 50%;}

/* Buttons */
a.btn{border:1px solid #9aa1a6;padding:.25em .5em .25em .5em;background-color:#FFF;font-size:83%;text-decoration:none;white-space:nowrap;}
a.btn:hover{border:1px solid #66727a;}