/*
	Main shared style sheet.
	Copyright (c) 1999-2008 Omniture, Inc. All rights reserved.
*/


/* Reset / set baselines (based on YUI reset)
----------------------------------------------- */
table { border-collapse:collapse; border-spacing:0; }
td { padding:0; border:none; }
fieldset,img { border:0 }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; margin:0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; }
/* to enable resizing for IE */
input,textarea,select { *font-size:100%; }
/* *sigh* inherit doesn't do the trick with IE & Opera */
textarea { font-family:Verdana,Helvetica,sans-serif; }

/* Set baselines
----------------------------------------------- */
em,i { font-style:italic; font-weight:normal; }
strong,b { font-style:normal; font-weight:bold; }
a:link, a:visited { color:#085594; }
p { margin:10px 0; line-height:1.25em }
h1 { font-size:10pt; font-weight:bold; margin:.5em 0 .5em; }
h1 span { font-weight:normal; margin-left:4px; }
h2 { font-weight:bold; margin-bottom:.5em; }
h2 span { font-weight:normal; margin-left:2px; }
h3 { margin:.5em 0 0 .5em; }
code { font-size:100%; font-family:monospace; color:#333; }
ul { margin:0 0 1em 0; line-height:1.25em; }
ol { line-height:1.25em; }

/* Mix-in classes
----------------------------------------------- */

/* Body
----------------------------------------------- */
body {
  margin: 10px;
  padding: 0;
  background: #fff;
  color: #2a3330;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 8pt;
}

/* turn on for class & id debugging */

/* no margin pages */
body.topnav,
body.subNav,
body.help,
body.buttonbar,
body.file-system {
  margin: 0;
}


/* Service-specific settings. */
body#publish, body#search, body#default {
}

/* Express Masthead
----------------------------------------------- */
.userbar-express {
  width:100%;
  background: #2b78b0 url(/common/images/bg_masthead_express.jpg?ver=6.0sp20090925-29) repeat-y scroll top left;
  height: 55px;
  border-bottom: 1px solid #afb3b2;
  padding: 0pt;
  color: white;
}
.userbar-express td {
  border-width: 0;
  white-space: nowrap;
  padding: 0 15px 0 0;
}
.userbar-express .user-label {
  text-align:right;
  padding-top: 3px;
}
.userbar-express a:link, .userbar-express a:visited {
  color: white;
}
.userbar-express .acct-label {
  text-align: right;
}

/* Non-Express Masthead
----------------------------------------------- */
#infobar-clip { /* clip infobar if text size is zoomed to extreme */
  height: 25px;
  width: 100%;
  overflow: hidden;
}
#infobar {
  height: 25px;
  width: 100%;
  min-width: 800px; /* keep floats from wrapping in the extreme */
  border-bottom: 1px solid #ddd;
  color: white;
  background: #80ac1c url(/common/images/bg_masthead_stripe.gif?ver=6.0sp20090925-29) repeat-x scroll top left;
}
#infobar a {
  color: white;
}
#infobar .divider {
  padding-left: 1px;
  padding-right: 1px;
  background: transparent url(/common/images/ste_info_bar_divider.gif?ver=6.0sp20090925-29) no-repeat scroll 50% 0px;
}
#infobar .help-icon {
  position: relative;
  top: 2px;
}
#infobar-left {
  padding: 0px 8px;
  vertical-align: middle;
}
#infobar-right {
  text-align: right;
  vertical-align: middle;
  padding: 0px 8px;
}

#logobar { /* see also body.help tweaks for this */
  width: 100%;
  min-width: 800px; /* keep floats from wrapping in the extreme */
  height: 49px;
  border-bottom: 1px solid #ddd;
  background: url(/common/images/ste_hdr_bg.jpg?ver=6.0sp20090925-29) no-repeat scroll bottom right;
}
#product_logo img { /* position the logo */
  float: left; clear: left; /* stick to left margin even when text size is zoomed */
  padding-top: 9px;
  padding-left: 10px;
}
#product_links {
  float: right; clear: right;
  padding: 1px 5px 0 0;
  width: 550px;
}
#product_links img { /* dividers & left edge */
  float: right;
}
#product_links a img { /* these float with the a */
  float: none;
}
#product_links a.ste_hdr_button {
  background-position: 0 0;
  background-repeat: no-repeat;
  float: right;
  height: 46px;
  overflow: hidden;
}
#product_links a.ste_hdr_button:hover {
  background-position: 0px -46px;
}

/* Top-level tabs
----------------------------------------------- */
#appbar {
  width: 100%;
  min-width: 800px; /* keep tabs from wrapping in the extreme */
  padding-top: 5px; /* space above selected tab */
  background: #efefef;
}
#tabSet {
  height: 28px;
  /*border-bottom: 1px solid #AFB3B2;*/
  background: transparent url(/common/images/tab_border_express.gif?ver=6.0sp20090925-29) repeat-x 0px 27px;
  font-size: 10pt;
  padding-left: 5px;
}
#tabSet .tabContainer {
  float: left;
}
#tabSet ul {
  margin: 0;
  padding: 0 5px;
  list-style: none;
  line-height: 1; /* localize line-height */
}
#tabSet ul li {
  float: left;
  margin: 0;
  padding: 0 0 0 5px; /* expose left tab image & localize padding */
  white-space: nowrap;
  cursor: pointer;
}
#tabSet a {
  display: block;
  padding: 5px 10px 6px 5px;
  color: #333333;
  text-decoration: none;
}
#tabSet a:hover {  /* focus rect is ugly with current tab structure */
  text-decoration: underline;
}
#tabSet a:focus {  /* focus rect is ugly with current tab structure */
  outline: none;
}
#tabSet .selected { /* search & default */
  background: url(/common/images/tier_1_tab_fade_left.png?ver=6.0sp20090925-29) no-repeat left top;
}
#publish #tabSet .selected { /* publish override */
  background: url(/common/images/publish_tier_1_tab_fade_left.png?ver=6.0sp20090925-29) no-repeat left top;
}
#tabSet .selected a { /* search & default */
  background: url(/common/images/tier_1_tab_fade_right.png?ver=6.0sp20090925-29) no-repeat right top;
  font-weight: bold;
  padding-bottom: 20px; /* extend well below the frame boundary, pushes border down in ie6.. oh well */
}
#publish #tabSet .selected a { /* publish override */
  background: url(/common/images/publish_tier_1_tab_fade_right.png?ver=6.0sp20090925-29) no-repeat right top;
}

/* Second level nav
----------------------------------------------- */
#pageWrapper { /* search & default */
  width: 100%;
  min-width: 800px; /* keep tabs from wrapping in the extreme */
  background: url(/common/images/tier_2_bg_fade.gif?ver=6.0sp20090925-29) repeat-x scroll right top;
}
#publish #pageWrapper { /* publish override */
  background: url(/common/images/publish_tier_2_bg_fade.gif?ver=6.0sp20090925-29) repeat-x scroll right top;
}
#subNavTabSet {
  height: 27px;
  border-bottom: 1px solid #afb3b2;
  padding-left: 10px;
}
#subNavTabSet .tabContainer {
  float: left;
}
#subNavTabSet ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 27px; /* localize line-height & center vertically */
}
#subNavTabSet ul li {
  float: left;
  margin: 0;
  padding: 0 10px;
  white-space: nowrap;
  background: url(/common/images/tier_2_separator.gif?ver=6.0sp20090925-29) no-repeat scroll center left;
}
#subNavTabSet ul li.first {
  background: none;
}
#subNavTabSet .selected a {
  color: #47515c; /* dark gray */
  font-weight: bold;
  text-decoration: none;
}

/* Select & button for publish task ui and
   search template editor.
----------------------------------------------- */
#subNavTabSet #select {
  float: right;
  margin: 2px 0 0 0;
}
#subNavTabSet #select select {
  margin-right: 5px;
  position: relative;
  top: 1px;
}
#subNavTabSet input#gobtn {
  margin-right: 5px;	/* don't use padding since focus rect includes padding */
  top: 2px; /* override default gobtn */
}

/* Left Nav (third level nav)
----------------------------------------------- */
.leftnav h1 {
  margin: 0;
  padding: 5px 15px 6px 0;
  color: #f93;
  background: url(/common/images/bg_leftnav_title.gif?ver=6.0sp20090925-29) no-repeat scroll 100% 45%;
  border-bottom: 1px dotted #666;
  font-family: Georgia,serif;
  font-size: 10pt;
  font-weight: bold;
}
.leftnav ul {
  margin: 0;
  line-height: 1em;
  padding: 5px 0 5px 0;
}
.leftnav ul li {
  display: block;
  padding: 0;
  line-height: 1em;
  list-style-type: none;
}
.leftnav li a {
  padding: 5px 0;
  display: block;
  width: 99%; /* without this ie6 wraps, resulting in double spacing */
  padding-left: 10px;
  background: url(/common/images/bullet_leftnav_ccc.gif?ver=6.0sp20090925-29) no-repeat scroll left;
}
.leftnav li.selected a {
  font-weight: bold;
  text-decoration: none;
  color: #47515c; /* dark gray */
  background: url(/common/images/bullet_leftnav_orange.gif?ver=6.0sp20090925-29) no-repeat scroll left;
}
.leftnav li a:hover {
  background-color: #eee;
}
.leftnav li.selected a:hover {
  background-color: #fff;
}

/* Generic page title
----------------------------------------------- */
#pagetitle { /* search & default */
  width: 100%;
  border-bottom: 1px dotted #666;
}
#publish #pagetitle { /* publish override (was #ecda9c) */
  background: #f0e1ae url(/common/images/publish_title_border_dash.gif?ver=6.0sp20090925-29) repeat-x scroll bottom left;
}
#pagetitle h1 {
  margin: 0;
  padding: 5px 0 6px 10px;
  font-weight: bold;
  font-size: 10pt;
  white-space: nowrap;
  color: #f93;
  font-family: Georgia,serif;
}
#pagetitle h1 span {
  font-size: 8pt;
}
#pagetitle .title-extra {
  padding-right: 10px;
  white-space: nowrap;
  text-align: right;
}
#pagetitle.nodescription {
  margin-bottom: 0;
}
p.description {
  margin: 5px 10px 0 10px;
  color: #666;
}

/* Footer
----------------------------------------------- */
#footer {
  margin: 20px 0;
  border-top: 1px dotted #ccc;
  padding-top: 5px;
  line-height: 1.4em;
  color: #666;
}

/* TitleBar
----------------------------------------------- */
.titlebar {
  background:#666;
  border-top:1px solid #666;
  border-bottom:1px solid #69c;
  color:#fff;
  }
.titlebar div {
  padding:3px 0;
  border:1px solid #999;
  border-width:1px 0;
  border-bottom-color:#333;
  }
.titlebar table {
  width:100%;
  font-size:85%;
  }
.titlebar th, .titlebar td {
  padding:1px 6px 1px 0;
  border-width:0;
  line-height:1em;
  text-align:left;
  white-space:nowrap;
  }
.titlebar th {
  padding:1px 6px;
  text-align:right;
  }
.titlebar th.status, .titlebar td.status {
  width:auto;
  text-align:right;
  }
.titlebar td.status img {margin:0 3px;}
.titlebar td.status strong {display:block;}

/* Tabs
----------------------------------------------- */
body.tabs {background:#036; margin:0;}
body.tabs table {
  background:#369 url(/common/images/bg_tabbar.gif?ver=6.0sp20090925-29) repeat-x top; 
  margin:0;
  font-size:85%;
  }
body.tabs table.tabs {font-size:100%;}
body.tabs td {
  padding:0 5px;
  white-space:nowrap;
  }
table.tabs td {padding:0;}
table.tabs a:link, table.tabs a:visited {
  display:block;
  background:#69c;
  margin:10px 5px 0 0;
  padding:2px 6px;
  border:1px solid #9cf;
  border-bottom-width:0;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  }
table.tabs a.selected, table.tabs a.selected:visited {
  background:#036;
  border-color:#69c;
  }
table.tabs a:hover {
  background:#4D80B3;
  color:#fff;
  }
table.tabs a.selected:hover {background:#036;}
.tabs td.buttons {
  padding-bottom:3px;
  }
.tabs select {
  font:100% Verdana,Sans-serif;
  }
.tabs .button { /* make >> button a bit bigger */
  padding:0px 2px 1px;
  }

/* Status bar at bottom of window, publish task ui
   & search template editor.
----------------------------------------------- */
body.statusbar {
  margin: 5px;
  background: #80ac1c url(/common/images/bg_masthead_stripe.gif?ver=6.0sp20090925-29) repeat-x scroll top left;
}
.statusbar table {
  /*margin-bottom: 5px;*/
  /*border: 1px solid #777;*/
  width: 100%;
}
.statusbar table td {
  /*padding: 5px;*/
  /*border: 1px solid #777;*/
  /*border-width: 0;*/
  color: #fff;
  vertical-align: middle;
}
.statusbar td.icon {
  width: 1%;
  text-align: center;
  /*padding-left: 4px;*/
  padding-right: 10px;
  /*order-right-width: 1px;*/
  white-space: nowrap;
}
.statusbar td.task-info {
  text-align: right;
}
.statusbar strong {
  color: #fff;
}

/* Publish Button Bar
----------------------------------------------- */
.buttonbar table.links {
  width: 100%;
  height: 31px;
}
.buttonbar table.links td {
  padding: 0px 10px;
  vertical-align: middle;
  white-space: nowrap;
  color: #ccc;
}
.buttonbar table.links a {
  padding: 0 2px;
}
.buttonbar table.status {
  width: 100%;
  height: 31px;
  border-top: 1px dashed #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff url(/publish/images/buttonbar_bg_fade.gif?ver=6.0sp20090925-29) repeat-x scroll bottom left;
}
.buttonbar table.status td {
  vertical-align: middle;
  white-space: nowrap;
}
.buttonbar table.status a:link, 
.buttonbar table.status a:visited, 
.buttonbar table.status a:hover {
}
.buttonbar table.status td.icon {
  width: 16px;
  padding: 0 5px 0 10px;
}
.buttonbar table.status td.icon div {
  width: 16px;
  height: 16px; 
}
.pub-sprite-folder         { background: transparent url(/publish/images/publish_sprites.png?ver=6.0sp20090925-29) no-repeat -13px -52px; }
.pub-sprite-folder-open    { background: transparent url(/publish/images/publish_sprites.png?ver=6.0sp20090925-29) no-repeat -13px -92px; }
.pub-sprite-content        { background: transparent url(/publish/images/publish_sprites.png?ver=6.0sp20090925-29) no-repeat -13px -173px; }
.pub-sprite-content-linked { background: transparent url(/publish/images/publish_sprites.png?ver=6.0sp20090925-29) no-repeat -13px -213px; }
 

/* Inline Messages (Warning, Failure, Note, Success)
----------------------------------------------- */
div.failure, div.success, div.note, div.warning {
  border-style: solid;
  border-width: 2px;
  padding: 11px 10px 10px 35px;
  background-position: 10px 10px;
  background-attachment: scroll;
  background-repeat: no-repeat;
  min-height: 16px; /* image height */
  margin: 15px 10px 0 10px;
}
div.failure {
  border-color: #ff0000;
  background-color: #ffebeb;
  background-image: url(/common/images/icon_notice_failure.gif?ver=6.0sp20090925-29);
}
div.success {
  border-color: #70a100;
  background-color: #edf2e2;
  background-image: url(/common/images/icon_notice_success.gif?ver=6.0sp20090925-29);
}
div.note {
  border-color: #9b9b94;
  background-color: #f0f0ef;
  background-image: url(/common/images/icon_notice_note.gif?ver=6.0sp20090925-29);
}
div.warning {
  border-color: #f5dd71;
  background-color: #fff7d1;
  background-image: url(/common/images/icon_notice_alert.gif?ver=6.0sp20090925-29);
}
div.failure p, div.success p, div.note p, div.warning p {
  margin: 0.25em 0 0 0;
} 
div.failure .msg a, div.success .msg a, div.note .msg a, div.warning .msg a {
  margin-left: 3px;
}
div.success .msg ul, body.help ul {
  line-height: 1.25em;
  margin: 0 5px 1em 25px;
  padding: 0;
}

/* Forms
----------------------------------------------- */
form {
  margin:0;
}
button, input.button, input.button-key {
  background: #699;
  color: #fff;
  font-weight: bold;
  border: 1px solid #9cc;
  border-color: #9cc #366 #366 #9cc;
  padding: 0 10px;
  *padding: 0 0; /* ie6 & ie7 */
  margin-right: 5px; /* margin between buttons */
  line-height: 1.5;
  cursor: pointer;
}
.button-disabled {
  background: #ccc;
  border-color: #fff #999 #999 #fff;
  color: #fff;
  padding: 0 10px;
  *padding: 0 0; /* ie6 & ie7 */
  margin-right: 5px;
  line-height: 1.5;
  cursor: default;
}
input.button-small { /* +/- buttons... needs review */
  padding: 0 5px;
}
input.button-key { /* tbd - used in publish... needs review */
  background:#f93;
  border-color:#fc0 #c60 #c60 #fc0;
  color:#fff;
  }
div.formgroup {
  margin-bottom:2px;
  }
div.formgroup div {
  padding:2px 0 0 25px;
  color:#666;
  }
input.text, input.text-disabled, textarea {
  padding: 1px 0 1px 3px;
}
.error input.text, .error textarea {
  border: 1px solid #c00;
}
input.text-disabled, textarea.disabled, textarea.stretch-disabled, select.disabled {
  background-color:#eee;
  text-decoration:none;
  }
.stretch, .stretch-disabled {
  width:98%;
}
textarea.code {
  font-family: monospace;
}


.editor .disabled input.button-disabled {display:none;}


/* Form layout
---------------------------------------------- */
div.form-table-container {
  padding: 0 0 15px 10px;
  background: #fff url(/common/images/form_bg_fade.gif?ver=6.0sp20090925-29) repeat-x scroll bottom left;
  border-bottom: 1px solid #cecece;
  min-height: 50px; /* so bg fade doesn't get chopped */
}
div.form-table-container table.stretch { /* attach to forms with stretch text fields */
  width: 100%;
}
table.form-table {
  margin-top: 10px;
}
table.form-table th, table.form-table td {
  padding: 5px 0;
  vertical-align: top;
}
table.form-table tbody th {
  padding-right: 40px;
  padding-top: 7px; /* push label down to fake baseline alignment */
}
/* apply to form-table when multiple tables on same page to align the columns */
table.label-width-medium tbody th { 
  width: 110px;
}
table.label-width-wide tbody th { 
  width: 150px;
}
table.form-table tbody th, table.form-table tbody td {
  border-top: 1px dashed #bbb;
}
table.form-table tbody tr.first th, table.form-table tbody tr.first td {
  border-top: none;
  padding-top: 0; /* preceding h2 provides margin */
}
table.form-table tbody tr.first th {
  padding-top: 2px; /* push label down to fake baseline alignment */
}
table.form-table tbody tr td.form-table-text-only {
  padding-top: 7px; /* override for form field containing text */
}
table.form-table tbody tr.first td.form-table-text-only {
  padding-top: 2px; /* override for form field containing text */
}
sup.required { /* required field marker */
  color: #D12112;
  font-size: 16pt;
  font-weight: bold;
  line-height: 18px;
  vertical-align: text-top;
}
table.form-table select {
  margin: 0;
}
table.form-table .error td span {
  color: #c00;
  white-space: pre; /* keep multiple error msgs on separate lines */
}
/* subhead in table */
table.form-table tr.section-title {
  background: url(/common/images/title_border_dash.gif?ver=6.0sp20090925-29) repeat-x scroll bottom left;
}
table.form-table tr.section-title th,
table.form-table tr.section-title td {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 4px;
  border-top: none;
}
/* no borders and extra padding on nested tables */
table.form-table table td,
table.form-table table th {
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
}

/* Form subheadings
---------------------------------------------- */
h2 {
  margin: 15px 0 0 0;
  padding-bottom: 4px;
  background: #e2e2e2;
  color: #666;
  padding: 4px 5px;
  text-transform: uppercase;
  font-size: 90%;
}
h2 span {
  text-transform: none;
}

/* Non form-table content 
---------------------------------------------- */
.page-container { /* attach to div or form */
  padding-left: 10px;
  padding-right: 10px;
}

/* Data tables
---------------------------------------------- */
table.data-table {
  width: 100%;
  border: 1px solid #cecece;
  border-width: 1px 1px 0 0;
  background: #f7f7f7;
}
table.data-table th, table.data-table td {
  padding: 3px 10px;
  border: 1px solid #cecece;
  border-width: 0 0 1px 1px;
}
table.data-table th {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}
table.data-table td {
  border-top: 1px dashed #cecece;
}
#publish table.data-table tr.alt { /* publish override */
  background: #faf5e5;
}
table.data-table tr.top-head th, table.data-table thead th { /* top-head is deprecated, use thead */
  text-transform: uppercase;
  font-size: 90%;
  background: #e2e2e2;
  color: #666;
  font-weight: bold;
  white-space: nowrap;
}
table.data-table .top-head span, table.data-table thead span { /* top-head is deprecated, use thead */
  font-weight: normal;
  text-transform: none;
}
#publish table.data-table tr:hover { /* publish override */
  background-color: #ecda9c;
}
table.data-table th.num, table.data-table td.num {
  text-align:center;
  width:1%;
}
table.data-table th.num-right, table.data-table td.num-right {
  text-align:right;
  width:1%;
}

/* Publish New Task List
----------------------------------------------- */
ul.newtasks {
  padding: 0;
  margin-top: 10px;
}
.newtasks ul {
  padding: 0;
  margin-bottom: 0;
}
.newtasks li {
  font-weight: bold;
  list-style: none;
}
.newtasks li img {
  margin-right: 2px;
  position: relative;
  top: 1px;
}
.newtasks li li {
  margin-left: 17px;
  font-weight: normal;
}
.newtasks a, .newtasks a:visited {
  text-decoration: none;
  color: #2a3330;
}
.newtasks a:hover {
  text-decoration: underline;
  color: #085594;
}

/* Publish File Tree
----------------------------------------------- */
body.filetree {
  background: #fff;
  margin: 3px 12px;
}
.filetree ul {
  padding: 0;
  line-height: 18px;
}
.filetree ul ul {			/* Override previous rule for all nested ul's. */
  margin: 0;				/* No margins inside the list. */
}
.filetree li {
  list-style: none;
  white-space: nowrap;
}
.filetree li li li {
  padding: 0 0 0 34px;		/* Indent starting at 3rd level. */
}
.filetree li.root {			/* Any styles unique to root item. */
}
.filetree li.folder {		/* Any styles unique to folder items. */
}
.filetree li img {
  padding: 0 5px 0 0;			/* Create gap on right side of icons. */
  vertical-align: text-bottom;	/* Align images & text. "middle" looks better in IE, but "text-bottom" is better elsewhere and ok in IE. */
} 
.filetree li a:link, .filetree li a:visited {
  text-decoration: none;
  color: #2a3330;
}
.filetree li a:hover {
  text-decoration: underline;
}

/* Content Table
----------------------------------------------- */
table.content-table {
  margin: -1pt 0pt -1pt 0pt;
  border:1px solid #ccc;
  border-width:1px 1px 0 0;
  background:#f7f7f7;
  width:100%;
  font-size: 10pt;
  }
.content-table th, .content-table td {
  padding:5px 10px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  text-align:left;
  vertical-align:top;
  }
.content-table th {
  border-width:0 0 1px 1px;
  color:#369;
  font-weight: bold;
  }
.content-table td div.th {
  color:#369;
  font-weight:bold;
  }
.editor .content-table th {width:20%;}
.content-table th span, .content-table .top-head th span {
  font-weight:normal;
  text-transform:none;
  letter-spacing:0;
  }
.content-table .top-head th {
  padding-top:3px;
  padding-bottom:3px;
  font-weight: bold;
  text-transform:uppercase;
  /* More than this gets too wide on IE6 & NS7, less has no effect on Opera7 */
  letter-spacing:.075em;
  vertical-align:middle;
  white-space:nowrap;
  background:#e2e2e2;
  color:#666;
  }
.content-table .top-head-wrap th {
  border-top-width:1px;
  padding-top:3px;
  padding-bottom:3px;
  font:bold 85%;
  text-transform:uppercase;
  /* More than this gets too wide on IE6 & NS7, less has no effect on Opera7 */
  letter-spacing:.075em;
  vertical-align:middle;
  /* white-space:nowrap; */
  background:#ccc;
  color:#666;
  }
.content-table .top-head a, .content-table .top-head a:visited {
  text-decoration:none;
  border-bottom:1px solid #ccc;
  color:#666;
  }
.content-table .top-head a:hover {
  border-bottom-color:#000;
  color:#000;
  }
.content-table .alt-color th, .content-table .alt-color td {
  background:#fff;
  }
.content-table .section-title th {
  background:#ccc;
  color:#666;
  padding-top:3px;
  padding-bottom:3px;
  font-size:85%;
  }
.content-table .group-title th {
  border-left-width:10px;
  }
.content-table .group-title th, .content-table .group-title td {
  border-bottom-width:3px;
  }
.content-table .group-title td th, .content-table .group-title td td {
  border-bottom-width:0;
  }
.content-table .group-item th {
  border-left:10px solid #ccc;
  padding-left:20px;
  color:#69c;
  }
.content-table .group-item td th {
  border-left:0;
  padding-top:5px;
  padding-left:0;
  }
.content-table .group-item td th, .content-table .group-item td td {
  vertical-align:top;
  }
.content-table .group-title-2 th {
  border-left-width:20px;
  color:#69c;
  }
.content-table .group-title-2 th, .content-table .group-title-2 td {
  border-bottom-width:3px;
  }
.content-table .group-title-2 td th, .content-table .group-title-2 td td {
  border-bottom-width:0;
  }
.content-table .group-item-2 th {
  border-left:20px solid #ccc;
  padding-left:20px;
  color:#999;
  }
.content-table .group-item-2 td th {
  border-left:0;
  padding-left:0;
  }
.content-table th.num, .content-table td.num {
  text-align:center;
  width:1%;
  }
.content-table th.num-right, .content-table td.num-right {
  text-align:right;
  width:1%;
  }
.content-table tr.error th, .content-table tr.error td, .content-table th.error, .content-table td.error, .content-table div.error  {
  background:#fec;
  }
.content-table tr.error th, .content-table th.error, .content-table tr.error td span, .content-table td.error span, .content-table div.error {
  color:#c00;
  }
.content-table th.check, .content-table td.check {
  text-align:center;
  padding:0px 5px;
  }
.content-table td.name a, .content-table td.name a:visited {
  font-weight:bold;
  }
.content-table td.name img {
  position:relative;
  top:1px;
  }
.content-table th input.button {font-size:85%;}
.content-table div.descrip {
  margin:1px 0;
  font-weight: normal;
  line-height: 1.2;
  color:#666;
  }
.content-table div.sort-buttons {
  margin-top:2px;
  }
th.optional {
  font-weight:normal;
  color:#666;
  }
tr.access-on th, tr.access-on td {
  background-color:#ffe;
    }
tr.access-off th, tr.access-off td {
  color:#666;
  }
tr.access-on td.name, tr.access-off td.name {
  padding-left:30px;
  }
tr.access-on td.name {
  background-image: url(/common/images/icon_check.gif?ver=6.0sp20090925-29);
  background-repeat:no-repeat;
  background-position:10px 8px;
  }

/* Nested Tables */
.content-table td table {width:auto;}
.content-table td th, .content-table td td {
  padding:2px 0;
  border-width:0;
  font-size:100%;
  vertical-align:middle;
  }
.editor .content-table td th {width:auto;}
.content-table td th label {
  margin-right:5px;
  color:#369;
  font-weight:normal;
  }
  
 /* Form control table nested in main content table. */
.content-table .control-table td {
  vertical-align:top;
  padding-right:10px;
  }


/* Publish editing form
----------------------------------------------- */
table.edit-tbl {
  margin: -1pt 0pt -1pt 0pt;
  border:1px solid #ccc;
  border-width:1px 1px 0 0;
  background:#f7f7f7;
  width:100%;
  font-size:10pt;
}
.edit-tbl th, .edit-tbl td {
  padding:5px 10px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  text-align:left;
  vertical-align:top;
}
.edit-tbl th {
  border-width:0 0 1px 1px;
  width:20%;
  color:#369;
  font-weight:bold;
}
.edit-tbl .section-title th {
  background:#ccc;
  color:#666;
  padding-top:3px;
  padding-bottom:3px;
  font-size:85%;
}
.edit-tbl div.descrip {
  margin:1px 0;
  font-weight: normal;
  line-height: 1.2;
  color:#666;
}
/* Use std font for buttons in table. */
.edit-tbl button, .edit-tbl input.button {
  font-size:8pt;
  position:relative;
  top:-1px;
}
/* Nested tables */
.edit-tbl table.inner {
  width:auto;
}
.edit-tbl .inner th, .edit-tbl .inner td {
  padding:2px 0;
  border-width:0;
  font-size:100%;
  vertical-align:middle;
  width:auto;
}
.edit-tbl .inner th {
  padding-right:10px;
}
 /* Form control table nested in main content table. */
.edit-tbl .control-table td {
  vertical-align:top;
  padding-right:10px;
}


/* Publish folder manager
----------------------------------------------- */
body.file-system {
  margin: 10px;
}  
.file-system table.file-buttons {
  width: 100%;
  margin-bottom: 5px;
}
.file-system table.file-buttons td {
  padding: 0;
}
.file-system table.file-buttons .buttons {
  text-align: right;
}
.file-system p.description {
  margin: 0 0 .25em;
}
.file-system table.data-table td, .file-system table.data-table th {
  padding-top: 2px;
  padding-bottom: 2px;
}
.file-system table.data-table td a:link, .file-system table.data-table td a:visited {
  text-decoration: none;
}
.file-system table.data-table td a:hover {
  text-decoration: underline;
  color: #c63;
}
  
/* Paging Controls
----------------------------------------------- */
table.pagecontrols {
  width: 100%;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  background: #f5f5f5 url(/common/images/data_table_bg_fade.gif?ver=6.0sp20090925-29) repeat-x scroll top left;
  white-space: nowrap;
}
#page_form_bottom table.pagecontrols {
  background: #f5f5f5 url(/common/images/data_table_bg_fade_bottom.gif?ver=6.0sp20090925-29) repeat-x scroll bottom left;
}  
#page_form_top { /* usually a form, may be a div */
  margin-top: 10px;
}
#page_form_bottom { /* usually a form, may be a div */
  margin-bottom: 10px;
}
.pagecontrols td {
  padding: 2px 10px;
}
.pagecontrols select {
  padding: 0;
}
.pagecontrols .inactive {
  color: #73736c;
}
.pagecontrols .goto input.text {
  padding: 0 0 0 3px;
  width: 3em;
}
.pagecontrols .goto input.button {
  padding: 0;
}

/* Help pages
----------------------------------------------- */
body.help #logobar { /* shorter background gives the logo clearance */
  min-width: 400px; 
  background-image: url(/common/images/bg_masthead.gif?ver=6.0sp20090925-29);
}
body.help.express #logobar { /* express search */
  background: #2b78b0 url(/common/images/bg_masthead_express.jpg?ver=6.0sp20090925-29) repeat-y scroll top left;
  height: 55px;
}
body.help.express #product_logo img { 
  padding: 0;
}
body.help #searchbar {
  min-width: 500px; /* keep from wrapping in the extreme */
  padding: 3px 5px;
  border-bottom: 1px solid #dddddd;
  background: url(/common/images/tier_2_bg_fade.gif?ver=6.0sp20090925-29) repeat-x scroll right top;
  text-align: right;
}
body.help #searchbar select, #searchbar input.text {
  margin-left: 5px;
  margin-right: 5px;
}
body.help #breadcrumbs {
  margin: 10px;
}
body.help #pagetitle-ct {
  padding: 0 10px;
}
body.help #pagetitle img { /* pdf icon */
  vertical-align: -4px;
}
body.help #maincontent {
  margin: 10px 20px;
}
body.help #footer {
  margin-left: 10px;
  margin-right: 10px;
}
/* hide search bar & push out the margins */
@media print {
  body.help #searchbar { display: none; }
  body.help #breadcrumbs { margin: 10px 0; }
  body.help #pagetitle-ct { padding: 0; }
  body.help .title-extra { display: none; }
  body.help #maincontent { margin: 10px 0; }
}

table.api_table th {
  padding:0;
}
table.api_table td, table.api_table th {
  text-align:left;
  vertical-align:top;
  padding-bottom:0.5em;
}
table.api_table th {
  padding-right:2em;
  white-space:nowrap;
  font-weight:bold;
}
table.api_class_methods th {
  font-weight:normal;
}

/* Status Thermometer
----------------------------------------------- */
#statusthermo {
  border: 1px solid #333;
  overflow: hidden;
  width: 400px;
}
#statusthermo div {
  border-width: 0;
  margin: 0;
  padding: 2px 4px;
  background:#69c url(/common/images/bg_thermo.gif?ver=6.0sp20090925-29) repeat-y right top;
  color: #fff;
  font-weight: bold;
}
  
/* Source code view
----------------------------------------------- */
.srcview pre {
  margin:0px;	/* suppress IE 6.0 Win bottom margin */
}
td.svlines {
  text-align:right;
  vertical-align:top;
  padding-right:5px;
  padding-left:5px; 
}
td.svtext {
  vertical-align: top;
  padding-left: 5px;
}

/* Log view
----------------------------------------------- */
div.loglist {
  margin: 0 0 4px 5px;
}
.loglist p {
  margin: 0;
  padding-left: 3em;
  text-indent: -3em;
  font-family: monospace;
}
.loglist .error {
  color: #c00;
  background: #ffebeb;
}
.loglist .ftp { /* used in publish log */
  color: gray;
}

/* Miscellaneous
----------------------------------------------- */
.revert_p_style_without_p_break {margin:1em 0 1.5em;}
p.smaller {
  font-size:85%; 
  margin-top: 1em;
  margin-bottom: 1em;
  }
th.left, td.left {text-align:left !important;}
th.right, td.right {text-align:right !important;}
th.center, td.center {text-align:center !important;}
.nowrap {
  white-space:nowrap;
}
.hide {display:none;}
.sub {color:#666;}
.supportOnly, a.supportOnly {
  color: #B11;
  font-style: italic;
}
input#gobtn { /* >> button */
  vertical-align: top;
  position: relative;
  top: 1px;
}


/* Used to create a thin space as an alternative to <wbr> */
.wbrsp {
  font-size: 1px;
}

/* Visual diff table, used with data-table
----------------------------------------------- */
.diff-table-fixed { /* mix-in class for fixed layout */
  table-layout: fixed;
}
.diff-table-fixed th, .diff-table-fixed td {
  overflow: hidden;
  white-space: nowrap;
}
#diff-table tbody td {
  font-family: monospace;
  padding-top: 1px; /* tighten data-table's padding */
  padding-bottom: 1px;
}
#diff-table .add, .diff-summary .add {
  background-color: #ccf; /* blue */
}
#diff-table .del, .diff-summary .del {
  background-color: #f99; /* red */
}
#diff-table .chg, .diff-summary .chg {
  background-color: #9f9; /* green */
}
.diff-summary td {
  padding: 0 5px;
}

/* Expert diff table
----------------------------------------------- */
.expert-table {
  width: 100%;
}
.expert-table .add, .expert-summary .add {
    background-color: #ccf; /* blue */
}
.expert-table .del, .expert-summary .del {
    background-color: #f99; /* red */
}

/* Publish file history table.
----------------------------------------------- */
table#history tr:hover { background-color: #fff; }	/* highlighting doesn't look good with rowspans */
table#history tr.alt:hover { background-color: #eef1f8; }
table#history tr { vertical-align: top; }