/* For clarity, explicitly state some recommendations from <http://www.w3.org/
   TR/CSS21/sample.html> to make sure the editsection links scale right */

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }
h1, h2, h3, h4, h5, h6 { font-weight: bolder }

/** Generic settings **/

div.center { text-align: center; }
.center * {
    margin-left: auto;
    margin-right: auto;
}

a, a:link, a:visited, a:hover { text-decoration: none; color: inherit; padding-top: 0 !important; padding-bottom: 0 !important; }
a[name] { border: none !important; }
a img { border-width:0; }

.editsection { display: none }

/* Now the custom parts */

body {
  background: #FFFFFF url(/css/images/bodybg.jpg) repeat-x left top;
  margin:0;
  color: #372F2D;
  font:x-small Verdana, Sans-Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
}

#outer-wrapper { width: 1020px; margin: 0 auto; }

#content-wrapper { margin-top: 46px; padding-left: 5px; }

/*** Header ***/

#header-wrapper {
  padding-left: 5px;
  height: 150px;
  background: url(/css/images/headerbg.jpg) no-repeat 5px 0px;
  margin:0 0;
  position: relative;
}

#header-wrapper div { margin: 0 0; }

#header-wrapper #leftlogo { position: absolute; left: 5px; top: 21px; padding: 0 0; margin: 0 0; }

#header h1, #header h3 { color: #372F2D; margin: 0 0; padding-left: 100px; }
#header h3 { font-size: 1em; }

#header .LinkList { position: absolute; top: 130px; left: 5px; width: 100%; }

#header .LinkList ul { margin: 0 0; padding: 0 0; height: 1.7em; }
#header .LinkList > ul { width: 105%; }

#header .LinkList li { 
  float: left; padding: 0 0.7em 0 0; list-style-type: none; 
  font-family: "Gill Sans MT", "Gill Sans", "Tw Cen MT", Candara, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
  font-size: 18px; font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .2em;
  line-height: 24px;
  position: relative;
}

#header .LinkList li a, #header .LinkList li a:link, 
#header .LinkList li a:visited, #header .LinkList li span { color: #C7B39A; }

#header .LinkList li a.external, #header .LinkList li a.external:visited { 
  color: #C69C6C; background: url(images/externalbg.jpg) right 4px no-repeat; padding-right: 11px;
}

#header .LinkList li a:hover, #header .LinkList li a.active, #header .LinkList li a.external:hover { color: #FFF; }

#header .LinkList li ul { 
  background-color: #372F2D; 
  padding: 0.2em 0.9em; margin-top: -0.2em; margin-left: -0.9em; 
  position: absolute; height: auto; display: none; z-index: 1000; }

#header .LinkList li li { 
  float: none; 
  text-transform: none;
  padding: 0.2em 0;
}

#header .LinkList li li:not(:last-child) { 
  border-bottom: 1px solid rgb(206,109,40);
}

#header .LinkList li:hover > ul { display: block; }

#header .LinkList ul ul ul { left: 100%; top: 0; padding: 0.2em 0.9em 0.2em 0; z-index: 999; }
#header .LinkList ul ul ul li:first-child { padding-left: 3.6em; }
#header .LinkList ul ul ul li:not(:first-child) { margin-left: 2.7em; padding-left: 0.9em; }

/** Content **/

#contentSub { display: none; }
#left-column { float: left; width: 660px; }
#right-column { float: right; width: 320px; }
#right-column.shift { margin-top: -5em; }

#bottom-part { clear: both; }
#bottom-part.narrow { width: 660px; }

.post {
  font-size: 92%;
}

.post h1, .post h2, .post h3, .cms h1, .cms h2, .cms h3 {
  color: #d26400;
  font-family: "Gill Sans MT", "Gill Sans", "Tw Cen MT", Candara, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .2em;
  line-height: 1.3em;
  margin: 0 0;
  vertical-align: top;
}

.post h1, .cms h1 { font-size: 200%; margin-bottom: 1em; }
.post h2, .cms h2 { font-size: 150%; padding-top: 0.5em; margin-bottom: 0.6em; }
.post h3, .cms h3 { padding-top: 0.5em; margin-bottom: 0.6em; }

.post p.crumbs { margin: -2em 0 2em 0; font-size: 85% } 

#toctitle h2 { margin: 0 0 0.5em 0; font-size: 1.17em; padding-top: 0; }
#toc { margin: 1em 0; border: 1px solid #D0BFAB; padding: 10px 10px; }

#toc ul, .toc ul {
  list-style-image:none; list-style-type:none;
  margin-left:0; padding-left:0; text-align:left;
  margin-top: 0; font-size: 95%;
  line-height: 1.5em;
}

#toc ul ul, .toc ul ul { margin:0 0 0 2em; }
#toc ul a { border: none; }

div.feeds ul { list-style-image: url(images/icon-feed.png); }

.post {
  line-height: 1.8em;
  color: #000;
  font-family: Verdana, sans-serif;
}

.post p { margin: 0.8em 0 0.9em; }

.post ul {
  list-style-image:url("images/wikiBullet.gif"); list-style-type:square;
  margin:0.3em 0 0 2em; padding:0 0 0 0;
}

.post ul li { margin-bottom: 0.1em; }

.post .note, .post .info, .post .warn, .post .stop, .post .important, .important, .post .more, .post .update,
  .cms .note, .cms .info, body.cms .warn, .cms .stop, .cms .important, .important, .cms .more, .cms .update
 { 
  border-left-width: 10px;
  border-left-style: solid;
  border-left-color: #D1BFAB;
  background-position: 0px 3px;
  background-repeat: no-repeat;
  background-color: #F4F1EC !important;
  padding: 8px 1em 8px 58px;
  margin: 0.8em 0;
  line-height: 1.8em;
  min-height: 40px;
  height: auto !important;
  height: 40px;
}

.post .note p, .post .info p, .post .warn p, .post .stop p, .post .important p, .important p, 
.post .more p, .post .update p { margin-top: 0; line-height: 1.8em; }

.post .note, .cms .note { background-image: url('images/ic20-note.jpg') !important; }
.post .info, .cms .info { background-image: url('images/ic20-info.jpg') !important; }
.post .warn, .cms .warn { background-image: url('images/ic20-warn.jpg') !important; }
.post .stop, .cms .stop { background-image: url('images/ic20-stop.jpg') !important; }
.post .more, .cms .more { background-image: url('images/ic20-more.jpg') !important; }
.post .important, .important { background-image: url('images/ic20-important.jpg') !important; }

.post blockquote.cite p { margin: 0 0; line-height: 1.8em; }
.post blockquote.cite {
  margin-left: 20px; padding-left:40px;
  line-height: 1.8em; font-style: italic;
  background: url(images/ic20-quote.jpg) no-repeat 0px 5px;
  min-height: 30px;
}

.post a { color: #603913; border-bottom: 1px dotted; }
.post a:visited { color: #736357; border-bottom: 1px dotted; }
.post a:hover   { border-bottom: 1px solid; }
.post a.image, post a.image:hover { border: none; }
.post h2 a,.post h2 a:visited { color: inherit; text-decoration: none; border-bottom: none; }

.post .postHeader a,

#right-column li a { border: none; }
#right-column a:hover { border-bottom: 1px solid; }
#right-column .buy-link { 
  background-color: #FED180; padding: 0 0.5em; 
  border-bottom: 5px solid #FED180; 
  border-top: 5px solid #FED180; 
}

.post .catlinks {
  border-left: 10px #D1BFAB solid;
  background-color: #F4F1EC;
  padding: 8px 1em 8px 1em;
  margin: 2.5em 0;
  clear: both;
}

.post .image { clear: both; text-align: center; margin: 1em 0.5em; }
.post .image span { font-size: 90%; display: block; }

.post .comment-here {
  margin-left: 45%;
  padding: 6px 8px 6px 5%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  background-color: #F4F1EC;
}

.post .catlinks a { border: none; }
.post .catlinks a:hover { border-bottom: 1px solid; }
.post .catlinks .new { text-decoration: none }
.mw-hidden-cats-hidden { display: none; }

.visualClear { clear: both; }
.hidden { display: none; }

img { border: none; }

p img { margin: 0; }

/** Jump link **/

.jump-link {
  margin: 1em 0; color: #FFF; text-transform: uppercase; 
}

.jump-link a {
  display: inline-block; 
  background-color: rgb(112,100,88); 
  padding: 0.4em 1.5em 0.4em 1em; 
  background-image: url('../images/more-triangle.jpg'); 
  background-position: right center;  
  background-repeat: no-repeat;
}

.jump-link a:hover, .jump-link a:active, .jump-link a:focus { 
  background-color: rgb(206,109,40); 
  background-image: url('../images/more-triangle-over.jpg'); 
}

.jump-link a, .jump-link a:link, .jump-link a:hover, .jump-link a:visited, .jump-link a:visited:hover { 
  color: inherit !important; 
  border-bottom: none !important; 
}

/** Webinars **/

.post .jump-link a:link, #right-column .jump-link a:link { color: #D26400; border-bottom: 1px dotted; }
.post .jump-link a:visited, #right-column .jump-link a:visited { color: #736357; border-bottom: 1px dotted; }
.post .jump-link a:hover, #right-column .jump-link a:hover { border-bottom: 1px solid; }

.post .webinar-item p { margin: 0 0; }
.post .jump-link { margin: 0 0 2em 0; }

/** Webinar tickets **/

div.webinarTickets { border: 2px outset; margin-top: 1em; }
div.webinarTickets h2 { letter-spacing: 0.05em; text-transform: none; background-color: #f4f1ec !important; padding: 0.2em 10px; }
div.webinarTickets .body { padding: 0.2em 10px }
div.webinarTickets .body .fmtTable td { padding-top: 0.5em; padding-bottom: 0.5em; }
div.webinarTickets .fmtTable .price { text-align: right; white-space: nowrap; }
.extraMarginTop { margin-top: 2em !important; }

div.webinarTickets .fmtTable th { text-align: left; }
div.webinarTickets .fmtTable td:first-child { height: 2em; }
div.webinarTickets .fmtTable td strong { color: #d26400; }

/** Large orange Buy button **/
a.buyButton, a.buyButton:hover, a.buyButton:visited, 
a span.buyButton, a:hover span.buyButton a:visited span.buyBotton {
  transition: background-color 0.2s;
  border-bottom: none !important;
  text-decoration: none !important;
  background-color: #D26400 !important;
  color: white;
  text-transform: uppercase;
  padding: 1em 2em !important;
  display: inline-block;
}

.buttonRow .buyButton { margin-right: 3em; margin-bottom: 1em; }
.buttonRow { clear: both; margin: 2em 0; }
.buyButton.small, .buyButton.small:hover,
  .buyButton.small:visited { padding: 0.5em 2em !important }
.buyButton.right { float: right; }

/** Plan comparison table **/

.planCompare { border-collapse: collapse }
.planCompare td { 
  text-align: center; 
  border: 1px solid #F9EFE5; 
  padding-top: 0.5em; padding-bottom: 0.5em; 
}
.planCompare td:first-of-type { 
  text-align: left; 
  border-left: none; border-right-width: 3px; 
}
.planCompare td:last-of-type { 
  border-right: none;  
}
.planCompare td.split { 
  border: none; 
}
.planCompare h2 { padding: 0 1em; margin: 0 0 0 0; }
.planCompare .section, .planCompare .section td { 
  background-color: #F4F1EC;
  padding: 0.5em 1em;
  margin: 0 0; 
}
.planCompare .price {
  border: none;
  margin: 0.4em 0;
  text-align: center;
  font-size: 4em;
}
.planCompare .price sup {
  font-size: 50%;
}
.planCompare .buyLine td { 
  background-color: #F4F1EC; 
  padding: 1em 2em; }
.planCompare .buyLine td a { 
  line-height: 3em; 
  transition: background-color 0.2s;
  text-decoration: none;
  background-color: #D26400; color: white;
  text-transform: uppercase;
  padding: 1em 2em;
  display: inline-block; white-space: pre;
}
.planCompare img { height: 1.3em; }

.planGroup {
  padding: 0.5em 1.5em;
  background-color: #F4F1EC;
  letter-spacing: 0.15em;
  margin-bottom: 2em;
  margin-right: 1em;
  display: inline-block;
  color: #807E7B;
  fill: #807E7B;
}

.planGroup svg {
  height: 1em;
  display: inline-block;
  width: 1em;
  margin-right: 0.5rem;
}

.planGroup a { 
  border-bottom: none !important; 
  color: inherit !important; 
  text-decoration: none !important;
}

.currentPlanGroup {
  color: #D26400;
  fill: #D26400;
}

.planTable {
  border-collapse: separate;
}

.planTable td { vertical-align: top; padding: 0 0; }

.planTable td div {
  border: 1px solid #D1BFAB; padding: 0 0; margin-right: 2em;
}

.planTable td div.price {
  border: none; margin: 0 0 0.5em 0; text-align: center; font-size: 4em;
}

.planTable td div.price sup { font-size: 50%; }

.planTable h2 {
  font-size: 2em;
  padding: 1rem 2rem 1rem 1rem;
  background-color: #D26400; color: white;
  fill: white; display: flex;
  letter-spacing: 0.15em;
}

.planTable h2 svg {
  height: 1em;
  width: 1em;
  display: inline-block;
  color: white;
  padding-right: 0.5em;
}

.planTable td p {
  text-align: center; margin-left: 2em; margin-right: 2em;
  margin-top: 0; margin-bottom: 0; padding-top: 0.5em; padding-bottom: 0.5em;
  border-top: 1px solid #D1BFAB;
}

.planTable td ul { padding-left: 1.5em; }

.planTable td.footer p { text-align: left; margin-left: 0; }

.planTable tr td p:first-of-type { border-top: none; }

.planTable td p.footer {
  background-color: #F4F1EC; 
  padding-top: 1em; padding-bottom: 1em; 
  margin-left: 0; margin-right: 0; margin-top: 1.2em; 
  line-height: 3em; border-top: none;
}

.planTable td.text, .planTable td.text p { text-align: left; }

.planTable td p.footer a {
  transition: background-color 0.2s;
  text-decoration: none;
  background-color: #D26400;
  color: white;
  text-transform: uppercase;
  padding: 1em 2em;
  display: inline-block;
}

.planTable td p.footer a:hover {
  background-color: #AB5100;
}

#testimonial {
  padding: 40px 20px;
  background-color: #F4F1EC;
  border-top: 1px #D1BFAF solid;
  border-bottom: 1px #D1BFAF solid;
  min-height: 40em;
  margin: 2em 2em 1em 0;
}

#testimonial dt { font-weight: normal; }
#testimonial dd { margin: 30px 0; }
#testimonial dd:last-child { margin-bottom: 0; }

/** Course table-of-contents in the right sidebar **/

.ctoc .len { float: right; padding: 0 1.2em 0 1.5em; margin-right: -7em; }
.ctoc li, .ctoc p { clear: right; margin-right: 7em; }

/** Endorsements **/

.endorsement dt {   
  margin-left: 20px; padding-left:40px; 
  line-height: 1.8em; font-style: italic; 
  background: url(images/ic20-quote.gif) no-repeat 0px 5px; 
  margin-bottom: 0;
}

.endorsement dd { margin: 0 0 1em 0; text-align: right; }

/** Grades **/
p.grades { margin-top: -1.6em; margin-bottom: 1.6em; font-size: 90%; }

/** Authors **/
.author { padding-right: 160px; clear: right; margin-bottom: 2em; }
.author img { float: right; margin: 0 -160px 10px 10px; }

/** Recordings **/
.moreDocsLink { font-size: 90%; padding-left: 2em; }
.moreDocsList { display: none; }

/** Images **/

#filetoc,#filehistory,.filehistory,.ns-6 .post p,.ns-6 .post h2, .ns-6 .post ul { display: none; }

/** Curriculum **/
#curriculumTable, #curriculumTable td { border: none; padding-left: 0; }
#curriculumTable .filetype img { float: left; margin-left: -3em; }
#curriculumTable .filetype svg { 
  float: left; clear: left;
  vertical-align: top; margin-left: -3.5em; padding-bottom: 3px;
  height: 2.5em; width: 2.5em; }
#curriculumTable tr  { clear: left; }
#curriculumTable h3 a.currTopLink { 
  float: right; margin-left: 1em; letter-spacing: 0.1em; 
  font-size: 80%; border-bottom: none; color: #d26400; 
}

#curriculumTable .currSectLength { float: right; padding-left: 3em; }
#curriculumTable h4 { margin: 0.6em 0; color: #d26400; }
#curriculumTable h4 .currSectLength { padding-right: 1.5em; }
#curriculumTable tr.line td:nth-child(3) { min-width: 7em; }

/** Actions in curriculum table **/
#curriculumTable tr.action { 
  border: 1px solid #D0BFAB; background-color: #F9EFE5; color: #d26400; font-weight: bold;
}
#curriculumTable tr.action td { padding: 0.5em 1.5em; }
#curriculumTable tr.action.line td { padding-left: 1.5em !important; }
#curriculumTable tr.action td div.jump-link { float: right; clear: right; margin-bottom: 1em; }
#curriculumTable tr.roles td div.jump-link { 
  display: inline-block; float: none; clear: none; 
  margin-bottom: 1em; margin-right: 1em; }
#curriculumTable tr.roles td div.jump-link a { display: inline-block; padding-right: 1.5em; }

#curriculumTable tr.line td.note-wrapper:nth-child(1) { padding-left: 0; }

#curriculumTable tr.line.subsection td:nth-child(1) { padding-left: 1.5em !important; padding-right: 0;}
/** Panel tables **/

.panelTable .header td:nth-of-type(2) { white-space: pre }
.panelTable .line td:nth-of-type(1) { padding-bottom: 0.4em }
.panelTable .line td:nth-of-type(2) { text-align: center; }
.panelTable .line td:nth-of-type(3) { text-align: center; }

.panelTable th { border-bottom: 1px solid #D0BFAB; }
.panelTable tr.openfirst td { border-top: 1px solid #D0BFAB; }
.panelTable tr.openlast td { border-bottom: 1px solid #D0BFAB; }

.panelButton { float: right; }
.panelButton.open { background-image: url(/images/icon-panel-open.png); }
.panelButton.close { background-image: url(/images/icon-panel-close.png); }
.panelButton.link { background-image: url(/images/icon-panel-right.png); border-bottom: none; }
a.panelButton.link:hover,a.panelButton.link:visited { border-bottom: none; }

.panelButton.open,
.panelButton.close,
.panelButton.link { 
  width: 30px; height: 40px; cursor: pointer;
  margin-left: 1em; background-repeat: no-repeat; 
}

/** Curriculum panel table **/

#curriculumTable.panelTable tr.line td:first-child { padding-left: 6.1em; }
#curriculumTable.panelTable tr.header td:first-child {
  padding-left: 1.5em; border-top: 1px solid #D0BFAB;
}
#curriculumTable.panelTable tr.header td:first-child {
  padding-left: 1.5em; padding-top: 0.8em; padding-right: 1em; border-top: 1px solid #D0BFAB;
}
#curriculumTable.panelTable span.panelButton { background-position-y: 0.3em; }
#curriculumTable.panelTable tr.openlast td { padding-bottom: 1em; }

#curriculumTable.panelTable tr.line.description td:first-child { padding-left: 1.5em; padding-bottom: 1em; }
#curriculumTable.panelTable tr.line.description.inner td:first-child { padding-left: 3em; }
#curriculumTable.panelTable tr.line.description td:last-child { width: 8em; }
#curriculumTable.panelTable td.description.inline { padding-bottom: 1em; }
#curriculumTable.panelTable tr.description p:first-child { margin-top: 0; }
#curriculumTable.panelTable tr.line td.note-wrapper { padding-left: 1.5em; padding-bottom: 1em; }

/** Last-minute fixes to curriculum/panel table */
#materials > p, #bundle > p { padding-left: 1.6em; }
#materials > h2, #bundle > h2 { padding-left: 1.067em; }
#materials > p:first-of-type, #bundle > p:first-of-type { padding-top: 0.8em; }

#curriculumTable:not(.panelTable) tr.line td:nth-child(1) { padding-left: 4.5em; }

.courseCompleted { float: left; height: 1.5em; margin-right: 1em; }
#curriculumTable tr.part { background-color: #F4F4F4;}
#curriculumTable .currSectLength {
    float: right;
    padding-left: 1em;
    width: 5em;
    text-align: right;
}
.free_item { float: right; font-size: 70%; padding: 0.1em 2em; border: #d36806 1px solid; }

/** Leftovers **/

fieldset {
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
}

.error {
    color: red;
    font-size: larger;
}

table.normalTable td { vertical-align: top; }

table.rimage {
    float:right;
    position:relative;
    margin-left:1em;
    margin-bottom:1em;
    text-align:center;
}

#p-search .pBody {
    text-align: center;
}

#searchInput {
  width: 100%;
  clear: both;
  margin: 0 0 0 0;
}

input.searchButton {
    margin-top:1px;
    padding: 0 0.4em;
    cursor: pointer;
}

#p-search .pBody {
    padding: 0.5em 0.4em 0.4em 0.4em;
}

pre {
  margin: 2em;
  border: solid 1px black;
}

span.urlexpansion {
  display: none;
}

div.tocindent {
  margin-left: 2em;
}

div.floatright, table.floatright {
    clear: right;
    float: right;
    margin: 0;
    position: relative;
    border-width: 0.5em 0 0.8em 1.4em;
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
    float: left;
    clear: left;
    margin: 0.3em 0.5em 0.5em 0;
    position: relative;
    border-width: 0.5em 1.4em 0.8em 0;
}
div.floatleft p { font-style: italic; }

div.content-tab div.floatright { margin-left: 1em; }
/* thumbnails */

div.thumb {
    margin-bottom: 0.5em;
    width: auto;
    border: 1px solid #D0BFAB !important;
}
div.thumb div {
    padding: 3px !important;
    text-align: center;
    overflow: hidden;
}

div.thumb div div.thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4;
    padding: 0.3em 0 0.1em 0;
    font-size: 95%;
}
div.magnify {
    float: right;
    border: none !important;
    background: none !important;
}
div.magnify a, div.magnify img {
    display: block;
    border: none !important;
    background: none !important;
}
div.tright {
    clear: right;
    float: right;
    margin-left: 1em;
/*    border-width: 0.5em 0 0.8em 1.4em; */
}
div.tleft {
    float: left;
    clear: left;
    margin-right:0.5em;
    border-width: 0.5em 1.4em 0.8em 0;
}
img.thumbborder {
	border: 1px solid #dddddd;
}

a.stub { color: #772233; }
a.new,
#p-personal a.new {
	text-decoration: line-through;
}
li.new {
	text-decoration: line-through;
}

#mytabs {
  background-color: inherit;
}

div.printfooter {
  display: none;
}

#n-portal,
#n-currentevents,
#n-help,
#n-sitesupport {
  display: none;
}

#preftoc {
    float: left;
    margin: 1em;
    width: 13em;
}

#preftoc li {
}
#preftoc li.selected {
    border: 1px dashed #aaa;
}
#preftoc a,
#preftoc a:active {
    display: block;
}
#prefcontrol {
    clear: both;
    float: left;
    margin-top: 1em;
}
div.prefsectiontip {
    font-size: 95%;
    margin-top: 1em;
}

#mw_trackbacks {
	border-style: groove;
	padding: 0.2em;
}

#jump-to-nav {
  display: none;
}

table.collapsed tr.collapsable {
	display: none;
}

.templatesUsed { margin-top: 1.5em; }

/** Formatted table **/

.fmtTable { border-collapse: collapse; width: 100%; border: 1px solid #D0BFAB; margin-bottom: 1em; }
.fmtTable th, .fmtTable td { padding-left: 0.5em; padding-right: 0.5em; }
.fmtTable th { background-color: #F9EFE5; }
.fmtTable thead th { text-align: center; vertical-align: bottom;  }
.fmtTable tbody th { text-align: left; vertical-align: top; }
.fmtTable tbody td  { text-align: left; vertical-align: top }
.fmtTable .borderTop { border-top: 1px solid #D0BFAB; }
.fmtTable .borderBottom { border-bottom: 1px solid #D0BFAB; }

table.fmtTable .last { border-right: 1px solid #D0BFAB; }

table.rowBorder tr { border-top: 1px solid #D0BFAB; border-bottom: 1px solid #D0BFAB;}
table.cellBorder td,table.cellBorder th { border: 1px solid #D0BFAB; }

/** .fmtTable tbody td, .fmtTable tbody th { border: 1px solid #C0C0C0; } **/

/** UI tabs **/

#tabs { margin-top: 2em; margin-bottom: 2em; }

ul.ui-tabs-nav { 
  border-bottom: 5px solid #764C24; 
  padding: 0; margin: 0; 
  list-style-image:none; list-style-type:none; 
  float: left; width: 100%; 
  display: block; 
  background-color: #EBB17F; 
}

ul.ui-tabs-nav li { 
  float: left; padding: 0 1em; margin: 0; 
  background-color: #EBB17F; color: #342F2B; 
  border-right: 1px solid #FFFFFF;
  border-top: 3px solid #FFF;
  white-space: nowrap;
}

ul.ui-tabs-nav li.filler { float: none; }

ul.ui-tabs-nav li a,ul.ui-tabs-nav li a:visited  { border-bottom: none; color: inherit; }

ul.ui-tabs-nav li.ui-state-active {
  background-color: #764C24; color: #FFF; margin-top: -3px; padding-top: 3px;
}

ul.ui-tabs-nav li.ui-state-active a { cursor: text; color: #FFF; }

ul.ui-tabs-nav li.ui-state-active a:hover { border-bottom: none; }
ul.ui-tabs-nav li a:focus { border: none; }

.ui-tabs-panel { background-color: #F9EFE5; padding: 0.7em 1.6em; clear: both; margin-top: 0; }
.ui-tabs-hide { display: none; }

.ui-tabs h2.content-tab-header { display: none; }
.ui-tabs :focus { outline: none; }

/** Webex invite **/

.wbxInvite { border: 1px solid #D0BFAB; background-color: #F9EFE5; padding: 0.7em 1.6em; margin: 1em 1em 1em 0; }
.cms .ui-tabs-panel { background-color: transparent; border: 1px solid #D0BFAB; border-top: none; }

/** Footer **/

#footer-outer-wrapper { background-color: #d1bfaa; color: #534741; margin-top: 50px; clear: both; }
#footer-wrapper { width:1020px; margin: 0 auto; }

#footer {
  padding:40px 0 40px 5px;
  line-height: 1.6em;
  font-size: 92%;
  background-color: #d1bfaa; 
}

#footer ul {
  list-style:none;
  margin:0 0;
  padding:0 0;
}

#footer li, #footer p {
  margin:0 0; padding: 0 0; list-style: none;
  line-height:1.8em;
}

#footer a:link, #footer a:visited { color: #534741; }
#footer a:hover { border-bottom: 1px solid; }
#footer p a:link { color: #362f2d; }

#footer h2 {
	color: #736357;
	font-size: 150%;
	font-family: "Gill Sans MT", "Gill Sans", "Tw Cen MT", Candara, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .2em;
	line-height: 1;
	margin: 0 0 1em 0;
}

#footer h2.next { margin-top: 1em }

#footer .disclaimer, #footer .disclaimer h2 { color: #FFF; }
#footer .left { width: 195px; height: 180px; float: left; background: url(/css/images/Pipi_150x150.jpg) no-repeat right top }
#footer .rFooter { width: 210px; float: right; padding-left: 15px; }
#footer .mid1, #footer .mid2 { width: 270px; float: left; padding-left: 15px; }
#footer .mid1 { width: 220px; padding-left: 30px; padding-right: 30px; }
#footer .mid2 { width: 280px; }

/* More CMS styles */
.package-description img { float: right; margin: 0 0 1em 1em; border: 1px solid #D0BFAB; }
.order-button {
  float: right;
  background-color: #9B652F; color: #FFF;
  border: 2px outset #F0F0F0;
  padding: 0.2em 2em;
  font-weight: bold; cursor: pointer;
  white-space: nowrap;
}

.lock-icon,.star-icon,.unlock-icon {
  display: inline-block; vertical-align: bottom;
  height: 1.2em; padding-left: 1em; padding-bottom: 0.3em;
}

/* CMS Admin styles */
span.action { float: right; padding: 0 1em; border: 1px outset #888; cursor: pointer; border-radius: 5px; }
span.action select { display: block; position: absolute; }
.page-buttons { float: right; padding-top: 1em; }
.page-buttons .action { width: 8em; margin-bottom: 0.4em; text-align: center; }
.page-buttons span.action a { border: none; }

/* Roadmap styles */
.roadmap {
  font-size: 150%; width: 37em; position:relative; height: 10em;
}

.roadmap div {
  position: absolute; left: 0; width: 18em; height: 2.5em; line-height: 2.5em; text-align: center; vertical-align: middle; display: table-cell;
  border: 2px outset; background-color: #CCC; overflow: hidden;
  color: rgb(97,57,19);
  font-family: 'Gill Sans MT', 'Gill Sans', 'Tw Cen MT', Candara, 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, sans-serif; 
  -webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.40);
  -moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.40);
  box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.40);
}

.roadmap div.left { left: 0; }
.roadmap div.right { left: 19em }
.roadmap div.row { left: 0; width: 100%; }

.roadmap div.advanced {
  border-color: #d36806; 
  background: #d36806; /* Old browsers */
  background: -moz-linear-gradient(top,  #d36806 0%, #dc8230 50%, #d36806 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d36806), color-stop(50%,#dc8230), color-stop(100%,#d36806)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d36806 0%,#dc8230 50%,#d36806 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d36806 0%,#dc8230 50%,#d36806 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d36806 0%,#dc8230 50%,#d36806 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d36806 0%,#dc8230 50%,#d36806 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d36806', endColorstr='#d36806',GradientType=0 ); /* IE6-9 */
}

.roadmap div.missing {
  border-color: #d6c5b3;
  background: #d6c5b3; /* Old browsers */
  background: -moz-linear-gradient(top,  #d6c5b3 0%, #ede5dd 50%, #d6c5b3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6c5b3), color-stop(50%,#ede5dd), color-stop(100%,#d6c5b3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d6c5b3 0%,#ede5dd 50%,#d6c5b3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d6c5b3 0%,#ede5dd 50%,#d6c5b3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d6c5b3 0%,#ede5dd 50%,#d6c5b3 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d6c5b3 0%,#ede5dd 50%,#d6c5b3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6c5b3', endColorstr='#d6c5b3',GradientType=0 ); /* IE6-9 */
}

.roadmap div.intro {
  border-color: #9c6632; color: rgb(255,211,155);
  background: #9c6632; /* Old browsers */
  background: -moz-linear-gradient(top,  #9c6632 0%, #b28254 50%, #9c6632 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c6632), color-stop(50%,#b28254), color-stop(100%,#9c6632)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #9c6632 0%,#b28254 50%,#9c6632 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #9c6632 0%,#b28254 50%,#9c6632 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #9c6632 0%,#b28254 50%,#9c6632 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #9c6632 0%,#b28254 50%,#9c6632 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c6632', endColorstr='#9c6632',GradientType=0 ); /* IE6-9 */  
}

.roadmap div a { color: inherit !important; text-decoration: none !important; border-bottom: none !important; }

.roadmap img.arrow { display: block; position: absolute; margin-top: 2.3em; }
.roadmap img.left { left: 8.37em;}
.roadmap img.right { left: 26.63em; }
.roadmap img.middle { left: 17em; } 
.roadmap img.b1 { height: 2em; }
.roadmap img.b2 { height: 6em; }
.roadmap img.b3 { height: 10em; }
.roadmap img.b4 { height: 14em; }
.roadmap img.ap-l1 { margin-left: -3em; }
.roadmap img.ap-r1 { margin-left: 3em; }
.roadmap img.ap-l2 { margin-left: -6em; }
.roadmap img.ap-r2 { margin-left: 6em; }

.regbox { border: 1px solid #D0BFAB; background-color: #FFF; margin-bottom: 1em; }
.regbox h3 { background-color: #F9EFE5; padding: 0.3em 0.8em; margin: 0 0; }
.regbox ul { padding: 0 0 0 1.2em; }
.regbox p { margin: 0 0; padding: 0 0 0 0.9em; }
.regbox p.jump-link { margin: 1em 0; }

.testimonial,.testimonial.content-box { 
  margin-left: -120px; padding-left: 300px; padding-right: 30px; 
  position: relative; min-height: 150px; 
  padding-top: 2.5em; padding-bottom: 1.5em; 
  margin-top: 3em; margin-bottom: 3em;
  border-top: #D1BFAB 1px solid; border-bottom: #D1BFAB 1px solid; 
  background-color: #F4F1EC; 
}
.nopic { padding-left: 150px; }
div.clear { clear: both; }
.testimonial img { position: absolute; left: 120px; border: #D1BFAB 1px solid; }
.testimonial dl { margin: 0 0; }
.testimonial dd { 
  margin: 1em 0 1em 0; font-style: italic; 
  background: url(/css/images/ic21-quote.png) no-repeat 0px 5px; 
  padding-left: 40px; 
}

/* view/watch video */
.video-watch, .video-dl {
  float: right; margin-left: 1em; width: 19px;
  background-position: right center;
  background-repeat: no-repeat;
  min-height: 19px;
  border-bottom: none !important;
}

.video-watch { background-image: url('/images/arrow-right.jpg'); }
.video-watch:hover, .video-watch:active {
  background-image: url('/images/arrow-right-over.jpg');
}

.video-dl { background-image: url('/images/icon-download.png'); }

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{
  width:17px; height:15px; text-indent:-999em;
  cursor:pointer;
  display: inline-block; background:transparent; overflow:hidden
}

div.rating-cancel { float: right; }

div.rating-cancel,div.rating-cancel a{
  background:url(images/star-rating-delete.gif) no-repeat 0 -16px}

div.star-rating,div.star-rating a{
  background:url(images/star-rating.gif) no-repeat 0 0px}

div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}

div.star-rating-on a{background-position:0 -16px!important}

div.star-rating-hover a{background-position:0 -32px}

/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}

/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

/* Migration to design v3 */
.sidebar__mobile-nav { display: none; }
.regbox.sidebar-more { display: none; }
.content-box { margin: 2em 0; }
#pdf { float: right; }
#pdf a { border-bottom: none; }
#pdf a img { padding-left: 1em; padding-bottom: 1em; }

.post .nextPage { margin: 2em 0; }
.post .nextPage:after {
  content: "";
  display: table;
  clear: both;
}

.post .nextPage p.jump-link {
  margin: 0 0;
  float: right;
}

.post .nextPage p {
  margin: 0 2em;
  float: right;
}

.item h2 { margin-bottom: 0; }
.item p.date { text-align: right; margin-top: 0; }
.item {
  border: 1px dotted #603913;
  margin-top: 1em;
  padding: 0.8em 1.2em;
}
.item .jump-link { margin-bottom: 0; }
.jump-box { float: right; margin-left: 1em; }
.jump-box .jump-link { margin-bottom: 1em !important; text-align: right }

#answers { padding-left: 4em; }

#answers h2 { margin-left: -2.666em; margin-top: 1em; }
#answers h3 { margin-top: 1em; margin-left: -1.71em; padding-right: 6em; position: relative;}
#answers h3 .top { position: absolute; top: 0.5em; right: 0; }

#answers div.answerBody { margin: 1em 0 1em -3em; padding: 0.2em 0.5em 0.2em 3em; border: 1px dotted #D0BFAB; background-color: #FCFCFC; }

#answertoc #toctitle h2 { font-size: 150% !important; }
#answertoc #toc ul { font-size: 100% !important; }
#answertoc #toc li { margin-top: 0.25em; margin-bottom: 0.25em; }