Offline Article Editor For CodeProject

/* Teeny tiny text (eg charts)                          */
/* Tiny text                                            */
/* Small text                                           */
/* H5                                                   */
/* Standard paragraph text                              */
/* text block header text / H3                          */
/* H2                                                   */
/* H1                                                   */
/* Search box label                                     */
/* Search box input                                     */
/* Background colour of main logo						*/
/* Main theme, headings									*/
/* Colour of text displayed against the theme colour    */
/* Sub theme, Side Menu backgrounds						*/
/* Sub-sub theme. Feature and menu backgrounds			*/
/* Sub-sub-sub theme. Widget backgrounds. Alt Items		*/
/* Sub-sub-sub-sub theme. Feature and menu backgrounds	*/
/* Menu bar 											*/
/* Menu bar 											*/
/* Site dropdown menu highlight/hover					*/
/* Site dropdown menu highlight/hover					*/
/* heading text											*/
/* subheading text                                      */
/* hyperlinks											*/
/* Visited hyperlinks									*/
/* Makes button elements match the main theme colour	*/
/* Button border										*/
/* Button hightlight (for border)						*/
/* Emphasises text eg. code or special headers			*/
/*
-- Contrast Theme --
# "Bob Green"			: #76AB40 or #85BC4C

# Very light grey		: #FAFAFA - Good for backgrounds
# Grey93				: #EDEDED - Main Content box Header background, Search bar
# Pale Gray				: #CCCCCC - Main Content box border
# Dark Gray				: #666666 - H6, Descriptions
# Obscure Gray			: #333333 - Nav Menu Chapter heading

# Pale Yellow			: #FFFFCC - Callout
# close to "Wheat2"		: #FBEDBB - PRE block Highlight


To target IE:

  background: red;	       - modern browsers 
 *+html .class-name {... } - IE 7 standards
 *background: green;       - IE 7 quirks and below (prefix with '*')
 _background: yellow;      - IE6 exclusively (prefix with '_')

 zoom:1 will ensure hasLayout is set in IE
 overflow:hidden/auto; will do this for fireFox etc though there will be sideeffects

Note: There is a huge amount of descendant selectors here which are very inefficient. To be fixed.

*/
/* Mixins ----------------------------------------------------------------------------------------*/
/* Base colours ----------------------------------------------------------------------------------*/
.theme1-color {
  color: #ff9900;
}
.theme1-background {
  background-color: #ff9900;
}
.theme1-border {
  border-color: #ff9900 !important;
}
.theme2-color {
  color: #ffcc66;
}
.theme2-background {
  background-color: #ffcc66;
}
.theme2-border {
  border-color: #ffcc66 !important;
}
.theme3-color {
  color: #fff8df;
}
.theme3-background {
  background-color: #fff8df;
}
.theme2-border {
  border-color: #fff8df !important;
}
.contrast1-color {
  color: #488e00;
}
.contrast1-background {
  background-color: #488e00;
}
.contrast1-border {
  border-color: #488e00 !important;
}
.contrast2-color {
  color: #c3de6c;
}
.contrast2-background {
  background-color: #c3de6c;
}
.contrast1-border {
  border-color: #c3de6c !important;
}
.blank-background {
  background-color: White;
}
html {
  font-size: 100.01%;
  -webkit-font-smoothing: antialiased;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
tr,
td,
th,
dd,
dt {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 10pt;
  /*93%; */

  line-height: normal;
}
body {
  background-color: #fff;
  margin: 0pt;
}
/*body[layout="mobile-narrow"], body[layout="mobile-wide"] {} */
h1,
h2,
h3,
h4,
h5,
th {
  font-weight: bold;
}
h1 {
  padding-bottom: 0px;
  color: #488e00;
  margin-top: 10px;
  text-align: left;
  margin-bottom: 5px;
  letter-spacing: -1px;
}
h2, h3, h5 {
  color: #ff9900;
}
h2 a, h3 a, h4 a {
  color: auto;
}
h1 {
  font-size: 1.6em;
  /*135%;*/
}
h2 {
  font-size: 13pt;
}
h3 {
  font-size: 11pt;
}
h4 {
  font-size: 10pt;
}
h5 {
  font-size: 9pt;
  font-weight: bold;
  margin-bottom: 2px;
}
h6 {
  font-size: 65%;
  color: #666666;
  font-weight: normal;
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #666666;
}
pre {
  background-color: #FBEDBB;
  padding: 6px;
  font: 9pt "Courier New", Courier, mono;
  white-space: pre;
  overflow: auto !important;
  border: solid 1px #FBEDBB;
}
.ie7 PRE, .ie6 PRE {
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */

}
code {
  color: #990000;
  font: 11pt "Courier New", Courier, mono;
}
kbd {
  background-color: #EEEEEE;
  border-color: #CCCCCC #AAAAAA #888888 #BBBBBB;
  border-style: solid;
  border-width: 1px 3px 3px 1px;
  color: #000000;
  padding: 2px 4px;
  white-space: nowrap;
}
table {
  background-color: Transparent;
}
img {
  -ms-interpolation-mode: bicubic;
}
dt {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 6px;
}
dd {
  margin-bottom: 6px;
  margin-left: 25px;
}
a {
  text-decoration: none;
  color: #004cd5;
}
/*color: #0066CE;*//*#004CD5*//* #00f*/
a:visited {
  color: purple;
}
a:active {
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: none;
}
.container-article #content-div a[name] {
  color: inherit;
  text-decoration: none;
}
/* anchors in articles shouldn't be coloured */
/*a[href^="http://"]:not([href*="codeproject.com"])::after { content: "\2197"; }*/
tt.equation {
  font-family: 'Times New Roman', serif;
  font-size: 10pt;
  font-style: italic;
  white-space: pre;
}
/* List types */
ul.outdent {
  padding-left: 15px;
  margin-left: 0px;
  margin-bottom: 5px;
  margin-top: 5px;
}
ul.outdent li {
  padding-bottom: 2px;
  font-size: 8pt;
}
ul.download li,
li.download,
ul.Download li,
li.Download {
  list-style-image: url(/images/download.gif);
  padding-left: 0.5em;
}
ul.compact {
  list-style-type: none;
  margin: 0px;
  padding-left: 3px;
  line-height: 1.4em;
}
.compact li, li.compact {
  font-size: 8pt;
}
ul.spaced, ol.spaced {
  margin: 3px;
}
ul.spaced li, ol.spaced li {
  margin: 10px 0 10px 0;
  *margin: 10px 0 10px 25px;
  /* IE7 and below fix */

}
ul.tight, ol.tight {
  margin: 0;
  padding-left: 15px !important;
}
ul.delegate li, li.delegate {
  list-style-image: url(/images/symbols/delegate.gif);
}
ul.enum li, li.enum {
  list-style-image: url(/images/symbols/Enum.GIF);
}
ul.event li, li.event {
  list-style-image: url(/images/symbols/event.GIF);
}
ul.interface li, li.interface {
  list-style-image: url(/images/symbols/interface.GIF);
}
ul.literal li, li.literal {
  list-style-image: url(/images/symbols/literal.GIF);
}
ul.method li, li.method {
  list-style-image: url(/images/symbols/method.GIF);
}
ul.namespace li, li.namespace {
  list-style-image: url(/images/symbols/namespace.GIF);
}
ul.property li, li.property {
  list-style-image: url(/images/symbols/property.GIF);
}
ul.struct li, li.struct {
  list-style-image: url(/images/symbols/struct.GIF);
}
ul.compactlist li, li.compactlist {
  list-style-image: url(/images/smallarrow.gif);
  font-size: 8pt;
  margin-left: -1em;
  margin-bottom: 0px;
}
ul.compactlist {
  margin-top: 5px;
  margin-bottom: 5px;
}
ul.horizontal li {
  display: inline;
  padding: 0.2em 1em;
}
/* Form elements */
.long-element {
  width: 500px;
}
.short-element {
  width: 50px;
}
/* IE6 - note the ".". This is a class name, not an element name. Remove when IE6 dies */
a.button,
a.button-large,
.button,
.button-large {
  color: white;
  background-color: #e08900;
  border: solid 1px #ffcc66;
  font-weight: bold;
  text-decoration: none !important;
  white-space: nowrap;
  font-size: 100%;
  padding: 4px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
}
button.button {
  font-size: 90%;
}
.button:active {
  border-style: inset;
}
.button:hover, .button-large:hover {
  border: solid 1px #ff9900;
}
.button-large {
  font-size: 10pt !important;
  padding: 4px 9px;
}
.button.minor {
  color: #ff9900;
  border: 1px solid #e08900;
  padding: 4px;
  background-color: white;
}
div a.button.safe, div a.button.unsafe {
  color: white !important;
}
.button.unsafe {
  border-color: #D14836;
}
.button.unsafe:hover {
  border-color: #C53727;
}
.button.safe {
  border-color: #76AB40;
}
.button.safe:hover {
  border-color: #577d30;
}
.button.minor:hover {
  background-color: #e08900;
  color: white;
}
.button.add-item {
  font-size: 9pt !important;
  font-weight: normal;
  text-align: center;
  background-color: White;
  border: 1px solid #ff9900;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: -10px 4px 5px 15px;
  padding: 5px 10px;
  color: #004cd5;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.button.add-item:hover {
  border: solid 1px #ff9900;
  background-color: #ffcc66;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.button.feature {
  background-color: white;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #333;
  padding: 3px;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.button.feature:hover {
  background-color: #ffcc66;
}
input[type=text]:focus, textarea:focus {
  border: 2px solid #A0ACBF;
}
input[type=radio] {
  border: none;
}
/* End form elements  */
/* Text size: Rename to text-small, text-tiny, text-large */
.small-text,
.small-text li,
.small-text td,
.nav-link {
  font-size: 8pt !important;
}
.tiny-text, input-prompt, .action-link {
  font-size: 7pt;
}
.medium-text {
  font-size: 10pt;
}
.large-text {
  font-size: 13pt;
  font-weight: bold;
}
/* Alignment and layout stuff. To be removed. */
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}
.align-center {
  text-align: center;
}
.align-justify {
  text-align: justify;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.float-center {
  margin: auto;
}
.top-left-fixed {
  position: relative;
  top: 0px;
  left: 0px;
}
.z-index-top {
  z-index: 10000;
}
.z-index-bottom {
  z-index: 0;
}
.extended {
  width: 100%;
}
.padded {
  padding: 10px;
}
.tight {
  margin: 0px !important;
  padding: 0px !important;
}
.spaced {
  margin: 10px;
}
.nowrap {
  white-space: nowrap;
}
.wrap {
  white-space: normal;
}
.fixed-layout {
  table-layout: fixed;
}
.clip-text {
  text-overflow: ellipsis;
}
.clipped {
  overflow: hidden;
}
.fluid {
  max-width: 10000px !important;
  width: auto !important;
}
.loading {
  background: white url(/images/animated_loading.gif) no-repeat center center;
}
.no-color,
.no-colour,
.no-color span,
.no-colour span {
  color: black !important;
}
.border-none {
  border-style: none !important;
}
.border-none-left {
  border-left-style: none !important;
}
.border-none-right {
  border-right-style: none !important;
}
.border-none-sides {
  border-right-style: none !important;
  border-left-style: none !important;
}
.border-none-top {
  border-top-style: none !important;
}
.border-none-bottom {
  border-bottom-style: none !important;
}
.pre-wrap {
  white-space: pre-wrap;
  /* css-3 */

  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */

  white-space: -pre-wrap;
  /* Opera 4-6 */

  white-space: -o-pre-wrap;
  /* Opera 7 */

  word-wrap: break-word;
  /* Internet Explorer 5.5+ */

  _white-space: pre;
  /* IE only hack to re-specify in addition to word-wrap  */

}
/* General styles */
.header {
  background-color: #ff9900;
}
.page-header {
  background-color: #ff9900;
}
.toplinks {
  font-size: 8pt;
  color: #333333;
  background-color: White;
  letter-spacing: -1px;
  padding: 2px;
}
.footer {
  margin: auto;
}
.row {
  zoom: 1;
  /* IE trigger hasLayout */

  overflow: hidden;
  /* for firefox etc */

}
.column {
  display: inline;
  float: left;
}
.column8_1 {
  width: 12%;
  float: left;
}
/* 8 columns, _1 = 1 column span, _2 = 2 columns spanned etc */
.column8_2 {
  width: 25%;
  float: left;
}
.column8_3 {
  width: 37%;
  float: left;
}
.column8_4 {
  width: 50%;
  float: left;
}
.column8_5 {
  width: 62%;
  float: left;
}
.column8_6 {
  width: 75%;
  float: left;
}
.column8_7 {
  width: 87%;
  float: left;
}
.radio td {
  padding: 0;
  margin: 0;
}
.access-link {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 1px;
  z-index: 100;
  border-style: none;
  overflow: hidden;
}
.scroll-list {
  text-align: left;
  overflow: auto;
  border-width: 1px;
  border-color: Gray;
  border-style: solid;
  font-size: 8pt;
  scrollbar-arrow-color: white;
  scrollbar-face-color: #ff9900;
  height: 150px;
}
.box .scroll-list {
  width: 120px;
  font-size: 7pt;
  white-space: nowrap;
  text-overflow: clip;
}
.box .scroll-list .sub-item {
  padding-left: 10px;
  font-size: 7pt;
  white-space: nowrap;
  text-overflow: clip;
}
.box {
  margin-bottom: 10px;
  padding: 5px;
  font-size: 8pt;
  border: solid 1px #ddd;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  *zoom: 1;
  /* trigger hasLayout in IE to force the box to encompass content */

  _zoom: 1;
}
.box.header {
  padding: 2px 2px 2px 5px;
  color: Black;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 13pt;
  font-weight: bold;
  background-color: #EEEEEE;
  border: solid 1px #ddd;
  border-bottom-style: none;
  margin-bottom: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  /* IE6 uses the last name in a chained class as the name to apply, so reset for IE6 */

  /*_background-color:#EEEEEE !important;*/

}
.box.header.feature {
  padding: 2px 2px 2px 5px;
  color: Black;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 13pt;
  font-weight: bold;
  background-color: #fff8df;
  border: solid 1px #ff9900;
  border-bottom-style: none;
  margin-bottom: 0px;
  /* IE6 uses the last name in a chained class as the name to apply, so reset for IE6 */

  _text-transform: none;
  /*_color:inherit;*/

  _font-family: Verdana, Arial, Sans-Serif;
  _font-size: 8pt;
  _background-color: #fff8df;
  _border: 0;
  _font-weight: normal;
}
.answers .box {
  border: 0;
}
/* For Quick Answers */
.question .box {
  padding: 10px;
  margin: 10px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.popup {
  display: none;
}
/* use with: container:hover .popup { display:block } */
.raised {
  background-color: #fff8df;
  -moz-box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.4);
}
table.data td {
  padding: 1px;
}
/* IE6 interprets ".class1.class2" as ".class2", so reset overwritten classes in IE6 by setting
   properties using _property. "_property" is read as "property" by IE6 only. */
div.box, td.box {
  _font-size: 8pt;
  _font-weight: normal;
  _text-transform: none;
  _margin-bottom: 10px;
}
div.header, td.header {
  _background-color: #ff9900;
  _font-size: 10pt !important;
  _font-weight: bold !important;
  _margin-bottom: 0px;
  _border: 0;
}
div.box table.data {
  *width: 95% !important;
  _width: 95% !important;
}
/* End IE6 reset */
.feature {
  background-color: #fff8df;
  border-color: #ff9900;
}
.button-group {
  white-space: nowrap;
  padding-right: 1em;
  margin: 0;
}
.hover-container {
  display: block;
  position: relative;
}
* + html .hover-row .hover-container {
  position: static;
}
* + html .hover-row .hover-container .button-group {
  position: relative;
  float: right;
}
.hover-container .button-group, .hover-row .button-group {
  display: none;
}
.hover-container .button-group-tight, .hover-row .button-group-tight {
  visibility: hidden;
}
/* IE6, needs "hoverPanel.js" */
.hover-row.hover,
.hover-row.hover td,
.hover-row:hover,
.hover-row:hover td {
  background-color: #fff8df !important;
}
/* IE6, needs "hoverPanel.js" */
.hover .button-group, .hover-container:hover .button-group {
  background-color: inherit;
  margin: 0;
  position: absolute;
  top: 0px;
  right: 3px;
  display: block;
}
.hover-container:hover .button-group-tight {
  background-color: inherit;
  visibility: visible;
}
/* IE6 is just broken. Turn off hover groups */
.ie6 .hover-container:hover .button-group {
  display: none;
}
.ie6 .hover-container {
  display: block;
  position: static;
}
.cloud .hover-container:hover .button-group {
  top: auto;
  bottom: 0;
  right: 0;
}
.tag-info .button-group {
  top: 0px;
}
/* General headlines and bar text */
.title-addenda {
  margin-top: 15px;
  float: right;
  text-align: right;
  font-size: .85em;
  font-weight: normal;
}
.spacer {
  height: 20px;
}
.divider {
  color: #ff9900;
  background-color: #ff9900;
  height: 1px;
  margin: 0px;
  padding: 0px;
  border: none;
}
.divider-faint {
  border-style: none;
  color: #CCCCCC;
  background-color: #CCCCCC;
  height: 1px;
  padding: 0px;
  margin: 0px;
}
.breadcrumb {
  font-size: 8pt;
  margin-top: 5px;
  /*margin:5px 0px 5px 0px;*/

}
/* End General headlines and bar text */
/* Toolbars */
.toolbar {
  border: solid 1px transparent;
  _border: solid 1px white;
  /* IE6 */

  padding: 1px;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.toolbar:hover {
  border: solid 1px #ff9900;
  background-color: #ffcc66;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.active .toolbar {
  border: 1px solid #ffcc66;
}
img.toolbar {
  padding: 2px;
  border: solid 1px transparent;
  vertical-align: bottom;
}
img:hover.toolbar {
  border: solid 1px #fff8df !important;
}
button.toolbar {
  border: solid 1px white;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  padding: 1px;
}
.list-socialbookmark {
  position: absolute;
  top: -90px;
  left: -5000px;
  z-index: 200;
  display: none;
  white-space: nowrap;
  padding: 10px;
  border: 2px solid #ff9900;
  background-color: #ffffcc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: left;
  -moz-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.5);
}
/* End toolbars  */
/* Info and quick-pick bars */
.search-bar {
  padding: 2px 5px;
}
.admin-bar {
  margin: 0 20px;
}
.search-bar input.search {
  /*background: #FFFFFF url(/Images/search.gif) no-repeat right;*/

  width: 210px;
  border: none;
}
.search td {
  background-color: white;
}
.search-bar .search-advanced {
  padding: 8px;
  width: 205px;
  z-index: 1000;
  background-color: #fff8df;
  border: solid 1px #cccccc;
  -moz-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 1px;
  right: 5px;
}
.search-bar:hover .popup {
  display: block;
}
.search-highlight {
  /*background-color:yellow;
	color:red;*/

  border-bottom: 1px dotted #ff9900;
  font-weight: bold;
}
.search-box {
  margin-left: 160px;
  padding: 20px 0;
  font-weight: bold;
  white-space: nowrap;
  font-size: 14px;
}
.search-box input {
  font-size: 18px;
}
.filter-options {
  background-color: transparent;
  padding: 10px 0;
}
.filter-pane {
  width: 160px;
  float: left;
  margin-left: -5px;
  background-color: white;
}
.filter-pane .menu1 {
  padding: 2px 2px 3px 0px;
  font-size: 11pt;
  font-weight: bold;
  margin: 0px;
  letter-spacing: 0px;
  background-color: transparent;
  color: Black;
  margin-bottom: 5px;
  border: 0;
}
.filter-pane .menu1 a {
  color: #004cd5 !important;
}
.filter-pane .menu2 {
  background-color: transparent;
  border: none;
  margin-bottom: 10px;
  font-size: 8pt;
  font-weight: normal;
}
.filter-pane .menu2 label, .filter-pane .menu2 a {
  color: #004cd5;
}
.filter-pane .options {
  border-top: 1px solid #ff9900;
  /*#D3E1F9; */

  border-bottom: 1px solid #ff9900;
  /*#D3E1F9; */
}
.filter-pane .options label {
  color: Black;
}
.filter-pane .advanced {
  padding-left: 0px;
}
.filter-pane .advanced .menu2 {
  margin: 0;
  background-color: white;
  padding-left: 5px;
}
.filter-pane .advanced .menu2.selected {
  margin: 3px 0;
}
.filter-pane .advanced .menu2.selected .header a {
  font-weight: bold;
}
.filter-pane .advanced .menu2:hover {
  background-color: #ffcc66;
}
.filter-pane .advanced .menu2 a {
  color: #004cd5;
  font-weight: normal;
}
.filter-pane .advanced .menu2-dropdown .selected {
  border: 0;
}
.filter-pane .advanced .menu2-dropdown .selected a {
  font-weight: bold;
}
.filter-pane .advanced .menu3 {
  padding-left: 20px;
  background-color: White;
}
.filter-pane .advanced > div {
  font-weight: bold;
  font-size: 9pt;
  padding: 2px 0 3px 0;
}
.filter-pane .advanced .header {
  background-color: inherit;
  font-size: 8pt;
  padding-left: 5px;
}
.filter-pane .accordian > .menu2 {
  font-size: 8pt;
}
.filter-pane .accordian > .selected > a {
  font-weight: bold;
}
.filter-pane .options {
  padding: 10px 0px 10px 5px;
}
.menu2.selected {
  background-color: White;
  color: Black !important;
  font-weight: bold;
}
.results-pane {
  margin-left: 148px;
  margin-right: 210px;
  background-color: White;
  padding: 0px 0px 15px 15px;
}
.results {
  border-left: 1px solid #D3E1F9;
  padding-left: 7px;
  border-right: 1px solid #D3E1F9;
  padding-right: 7px;
}
.result {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: solid 1px transparent;
  padding: 7px;
  margin-top: 5px;
}
.result:hover {
  border-color: #ff9900;
  background-color: #fff8df;
}
.results-none {
  padding: 10px 20px 10px 50px;
  height: 500px;
  border-left: 1px solid #D3E1F9;
}
.results .result img {
  vertical-align: middle;
  padding-right: 3px;
}
.results .rating-stars-small {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.results .rating-stars-small .left {
  position: absolute;
  top: 2px;
  left: 2px;
}
.results .rating-stars-small .right {
  position: absolute;
  top: 2px;
  right: 2px;
}
.search-hint .speech-bubble-up {
  background-color: #fefefe !important;
  color: #666;
  width: 400px;
  font-size: 8pt;
  border-color: #aaa;
}
.search-hint .speech-bubble-pointer-up {
  border-bottom-color: #aaa;
  background-color: #fefefe !important;
  /* #FFFBCF*/

}
.search-hint .speech-bubble-pointer-up-inner {
  border-bottom-color: #fefefe !important;
}
.ie8 .search-hint .speech-bubble-container-up, .ie7 .search-hint .speech-bubble-container-up, .ie6 .search-hint .speech-bubble-container-up {
  top: 15px;
  margin-left: 20px;
}
div.draft {
  padding-bottom: 5px;
}
.draft .title {
  font-weight: bold;
}
.draft .modified {
  font-style: normal;
  font-weight: bold;
  font-size: 8pt;
}
.draft .modified:before {
  content: "";
}
.draft .author {
  font-weight: bold;
}
.draft .edit {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #ff9900;
  background-color: #fbedbb;
  padding: 0 3px;
  font-size: 8pt;
}
.draft .delete {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #999;
  color: #666;
  background-color: #fefefe;
  padding: 0 3px;
  font-size: 8pt;
  cursor: pointer;
}
.result .title {
  font-weight: bold;
}
.result .doctype {
  color: #666;
  font-size: 8pt;
}
.result .tags {
  font-size: 8pt;
  line-height: 2em;
}
.result .license {
  color: #666;
  font-size: 8pt;
}
.result .categories {
  color: #666;
  font-size: 8pt;
}
.result .rating {
  color: #666;
  font-size: 8pt;
}
.result .modified {
  font-style: normal;
  font-weight: bold;
}
.result .modified:before {
  content: "";
}
.result .author {
  font-weight: bold;
}
.result .abstract {
  padding: 5px 0px;
  color: #666;
}
.sidebar-pane {
  float: right;
  width: 210px;
  font-size: 8pt;
}
.sidebar-pane .header {
  margin-left: 7px;
  font-weight: bold;
  background-color: White;
  border-bottom: 1px solid #ff9900;
}
.sidebar-pane .results {
  border: 0;
}
.sidebar-pane .result {
  padding: 5px;
  margin-top: 2px;
}
.sidebar-pane .result .abstract {
  padding: 0px;
}
.selector-bar {
  padding: 2px 0px 6px 5px;
  display: block;
  font-size: 8pt;
}
.selector-bar a {
  padding: 0px 5px 1px 0px;
  font-size: 8pt;
  color: #333333;
  /*#3333fF;*/

  border: solid 1px white;
}
.selector-bar .selected {
  font-weight: bold;
  color: #333333;
  border-bottom: solid 1px #ff9900;
}
.selector-bar a:hover {
  background-color: #fff8df;
  text-decoration: none;
  border: solid 1px #666666;
}
.nav-search {
  background-color: #EDEDED;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 3px;
  margin: 0px;
}
.nav-left {
  width: 170px;
  background-color: #ff9900;
  padding: 1px;
  position: absolute;
  left: 0px;
  z-index: 0;
}
.borders-left-nav {
  border-left: solid 172px #ff9900;
}
.wide .box {
  _width: 190px !important;
  /*IE6 fix */

}
.page-width {
  margin: auto;
  width: 110px;
}
.page-width .active {
  border-bottom: 2px solid #ff9900;
}
.page-background {
  background-color: #cccccc;
}
.container-page {
  zoom: 1;
  /* force IE hasLayout */

}
.print .header {
  padding: 0 10px !important;
}
.print .container-text {
  padding: 0 10px;
}
.container-related-item {
  margin-bottom: 5px;
}
.container-related-item .title {
  /* font-weight:bold; */
}
.container-related-item .link {
  color: green;
}
.container-related-item .desc {
  color: #666666;
}
.container-editor {
  float: left;
  width: 100%;
  overflow: hidden;
  zoom: 1;
  position: relative;
}
.no-emoticons .resizable-control {
  border-right: 7px solid #eee;
}
.emoticon-bar {
  padding-right: 80px;
  /* Force padding. We want just two columns of emoticons */

  white-space: nowrap;
}
.paste-dialog {
  position: absolute;
  width: 150px;
  margin-left: 10px;
  padding: 5px;
  background-color: white;
  border: 1px solid #ff9900;
  overflow: hidden;
  z-index: 10;
}
.paste-dialog .header {
  font-weight: bold;
  padding: 5px !important;
  background-color: #fff8df !important;
  font-size: 9pt;
  width: auto !important;
  margin-right: 0 !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.paste-dialog .close-notify {
  font-family: verdana, sans serif;
  font-size: 8pt;
  padding: 2px 1px;
  margin-bottom: 4px;
  margin-right: -1px;
  margin-top: -2px;
  background-color: #fff8df !important;
  border-color: #ffcc66;
}
.paste-dialog .BdSel {
  padding: 0 5px;
}
.paste-options label {
  display: inline-block;
  width: 100%;
  margin: 3px 0 0 24px;
  cursor: pointer;
}
.paste-dialog td {
  white-space: nowrap;
}
.ie7 .paste-options label {
  display: inline;
}
.paste-options tr:hover {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: #fff8df !important;
  border: 1px solid #ffcc66;
}
.paste-preview {
  font-size: 8pt;
  height: 180px;
  overflow: hidden;
  padding: 5px 0;
  width: 150px;
}
.paste-preview, .paste-preview pre {
  white-space: nowrap !important;
  word-wrap: normal !important;
  overflow: hidden !important;
  margin: 0;
}
.paste-preview pre {
  white-space: pre !important;
}
.nav-right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 210px;
  padding: 7px 7px 0 10px;
  min-height: 100%;
  border-left: solid 1px #eeeeee;
}
.nav-right.wide {
  max-width: 190px;
  width: 190px;
}
.nav-right-sidebar {
  float: right;
  width: 190px;
  background-color: #FFFFEF;
  margin: 10px 7px 15px 15px;
  border: 1px #ffcc66 solid;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -moz-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
}
.sidebar {
  width: 190px;
  background-color: #FFFFEF;
  margin: 5px 5px 15px 5px;
  padding: 8px 8px 8px 8px;
  border: 1px #ffcc66 solid;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -moz-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
}
.sidebar-left {
  float: left;
  width: 190px;
  background-color: #FFFFEF;
  margin: 5px 15px 15px 3px;
  padding: 8px 10px 10px 8px;
  border: 1px #ffcc66 solid;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -moz-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
}
.sidebar-right {
  float: right;
  width: 190px;
  background-color: #FFFFEF;
  margin: 5px 3px 15px 15px;
  padding: 8px 8px 10px 10px;
  border: 1px #ffcc66 solid;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -moz-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2);
}
.action-bar img {
  padding: 1px;
  border: 1px white solid;
}
.action-bar img:hover {
  border: 1px #ffcc66 solid;
  background-color: #fff8df;
}
.container-main {
  zoom: 1;
  /* force IE hasLayout */

}
.container-content {
  background-color: White;
  max-width: 1040px;
  margin: auto;
  position: relative;
  _border: solid 1px white;
  border-left: solid 1px #eeeeee;
  border-right: solid 1px #eeeeee;
  zoom: 1;
  /* force IE hasLayout */

}
.container-code {
  width: 100%;
}
* + html .container-code {
  width: 640px;
}
/* IE7 standards */
.container-content pre, .container-code pre, .answer pre {
  white-space: pre-wrap;
  /* css-3 */

  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */

  white-space: -pre-wrap;
  /* Opera 4-6 */

  white-space: -o-pre-wrap;
  /* Opera 7 */

  word-wrap: break-word;
  /* Internet Explorer 5.5+ */

  _white-space: pre;
  /* IE only hack to re-specify in addition to word-wrap  */

}
/* Inserting wrapping markers automatically */
.wrap-left {
  margin-left: 24px;
  margin-bottom: 14px;
  line-height: 14px;
  background: url(/images/wrap-cont-l.png) no-repeat 0 14px;
  /* move the background down so it starts on line 2 */
  text-indent: -21px;
  padding-left: 14px;
  margin: 0 0 2px 7px;
}
.wrap-right {
  margin-left: 24px;
  margin-bottom: 14px;
  line-height: 14px;
  background: url(/images/wrap-cont-r.png) no-repeat right 14px;
  text-indent: -28px;
  margin: 0 0 2px 28px;
  padding-right: 14px;
}
.diff-add,
.diff-delete,
.diff-same,
.diff-blank,
diff-linenumber {
  white-space: nowrap;
  font: 9pt "Courier New", Courier, mono;
  /*display: block;
	width:100%;*/

}
.diff-add {
  background-color: Yellow;
}
.diff-delete {
  background-color: #ffcc66;
}
.diff-same {
  text-decoration: none !important;
}
.diff-blank {
  background-color: #CCCCCC;
}
.diff-linenumber {
  color: #999999;
}
/* End Info and quick-pick bars */
/* Quick styles for consistency */
.pre-action-link {
  font-size: 0.8em;
  text-align: right;
  color: #004cd5;
  /*#0066CC;*/

  display: inline;
  border-bottom: solid 1px #CCCCCC;
}
.Caption, .caption {
  font-size: 8pt;
  font-style: italic;
  font-weight: bold;
}
.Filename, .filename {
  font-style: italic;
}
.Command, .command {
  font-weight: bold;
}
.Warning, .warning {
  border: 1px solid red;
  padding: 5px;
  margin: 20px;
  /*color:red;*/

  background-color: #FFE3E0;
}
.safe {
  background-color: #76AB40 !important;
}
.unsafe {
  background-color: #D14836  !important;
}
.available {
  color: Green;
  font-weight: bold;
}
.expired {
  color: Red;
  font-weight: bold;
}
.pending {
  color: #333333;
}
.locked {
  color: Red;
}
.new {
  color: Green;
}
.updated {
  color: DarkOrange;
}
.moved {
  color: DarkRed;
}
.deleted {
  color: #999999;
}
/*
.unsafe { .background-gradient(#DD4B39, #D14836); }
.unsafe:hover { .background-gradient(#DD4B39, #C53727); }
*/
.error, .error li {
  color: Red;
}
.success {
  color: Green;
  font-weight: bold;
}
.failure {
  color: Red;
  font-weight: bold;
}
.a, .callout {
  margin: 20px;
  background-color: #FFFFCC;
  border-top: 2px solid #ff9900;
  border-bottom: 2px solid #ff9900;
  padding: 5px;
}
.annotation {
  margin: 20px;
  background-color: pink;
  border: 1px solid red;
  padding: 5px;
}
.watermark {
  color: #BBBBBB;
}
.highlight {
  background-color: yellow !important;
}
.emphasis {
  color: red !important;
}
.Hidden, .hidden {
  visibility: hidden;
}
.invisible {
  display: none;
}
.subdue {
  color: #666666;
}
.transparent {
  background-color: Transparent;
}
.bold {
  font-weight: bold;
}
.offblack {
  color: #333333;
}
.emphasis-subtle {
  background-color: #FFFFAA;
}
.announce {
  margin-bottom: 20px;
}
.announce-header {
  padding: 2px 2px 7px 0px;
  font-size: 11pt;
  font-weight: bold;
  margin: 0px;
  letter-spacing: 0px;
  border-bottom: 1px #ff9900 solid;
}
.announce-content, .announce-content td {
  font-size: 8pt;
  padding: 2px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.announce-homepage {
  font-size: 13pt;
  margin: 4px;
  white-space: nowrap;
  font-weight: bold;
  border: solid 1px black;
  background-color: #488e00;
  padding: 4px;
  vertical-align: middle;
}
.announce-homepage a {
  color: White;
  height: 20px;
}
/* used in articles */.ArticleTable, .ArticleTableNoBorder, table.grid {
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  border-collapse: collapse;
  background-color: White;
}
/* used in articles */.ArticleTable th,
.ArticleTable td,
.ArticleTableNoBorder,
.ArticleTableNoBorder td,
.ArticleTableNoBorder thtable.grid th,
table.grid td {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin: 0px;
  padding: 5px;
  /*font-size: @FontSize-Small; */

}
/* used in articles */.ArticleTable tr.alt-item, table.grid tr.alt-item {
  background-color: #fff8df;
}
/* used in articles */.ArticleTable thead, .ArticleTableNoBorder theadtable.grid thead {
  font-weight: bold;
  background-color: #EBF6FF;
}
/* used in articles */.ArticleTable tfoot, .ArticleTableNoBorder tfoottable.grid tfoot {
  font-weight: bold;
}
/* used in articles */.ArticleTableNoBorder {
  border-style: none;
}
.ArticleTableRow {
  background-color: #EBF6FF;
}
.ArticleTableAltRow {
  background-color: #DDF0FE;
}
table.feature {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  background-color: White;
}
table.feature td, table.feature th {
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  margin: 0px;
  padding: 5px;
  font-size: 8pt;
}
.feature thead, .feature th {
  background-color: #ffcc66;
  font-weight: bold;
}
.feature tr.alt-item {
  background-color: #fff8df;
}
table.themed {
  background-color: #FAFAFA;
}
.themed thead td, .themed th, .themed .header {
  font-weight: bold;
  background-color: #ff9900;
  vertical-align: middle;
}
.themed tfoot, .themed .footer {
  font-weight: bold;
  background-color: #488e00;
  color: White;
  vertical-align: middle;
}
.themed td, .themed th {
  padding: 2px;
}
.themed .alt-item {
  background-color: #fff8df;
}
table.border-none, table.border-none td {
  border-style: none;
}
.FQ {
  padding: 0px 10px 10px 27px;
  margin-left: 0.25em;
  color: #556655;
  margin-right: 1em;
  margin-bottom: 1em;
  background: url("/images/quote.gif") no-repeat scroll left top #eeeeee;
}
.FQA {
  font-size: 7pt;
  font-weight: bold;
  margin: 0 0 4px;
}
/* End Quick styles for consistency */
option.group-header {
  font-weight: bold;
  font-style: italic;
  color: Gray;
  background-color: white;
}
option.subitem {
  padding-left: 10px;
  background-color: white;
}
/* End List types */
/* Syntax highlighting */
.code-comment {
  color: #008000;
  font-style: italic;
}
.code-SummaryComment {
  color: #808080;
}
.code-keyword {
  color: Blue;
}
.code-SDKkeyword {
  color: #339999;
}
/* aqua */
.code-preprocessor {
  color: Navy;
}
.code-string {
  color: Purple;
}
/* darkgreen*/
.code-literal {
  color: Navy;
}
.code-pagedirective {
  background-color: yellow;
}
.code-attribute {
  color: red;
}
.code-tag {
  color: #800000;
}
.code-leadattribute {
  color: #800000;
}
.code-digit {
  color: Navy;
}
.code-none {
  color: #000000;
}
.code-linenumber {
  color: #5F9EA0;
  font-style: normal;
}
/* End Syntax highlighting */
/* Homepage ===================================================================================== */
.homepage .explanation {
  font-size: 10pt;
  padding: 0;
  margin: 0;
  line-height: 1.3em;
}
.homepage .header {
  background-color: #488e00;
  color: White;
}
.homepage .box.header a {
  color: White;
}
.homepage .announce-header {
  border-bottom-width: 1px;
  font-size: 11pt;
  margin-bottom: 3px;
}
.homepage .announce-content {
  border-bottom-width: 2px;
}
.homepage .sidebar {
  width: 318px;
  min-width: 223px;
  padding-left: 10px;
  margin: 0;
  background-color: White;
  border-style: none;
  -moz-box-shadow: none none 10px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: none none 10px 1px rgba(0, 0, 0, 0.4);
  box-shadow: none none 10px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.homepage .sidebar .title {
  font-size: 8pt;
  font-weight: normal;
}
.homepage .sidebar .description {
  font-size: 8pt;
}
.homepage .editorial {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.homepage .editorial h2 {
  color: #488e00;
  margin: 0;
  font-size: 13pt;
}
.homepage .editorial ul {
  margin: 7px 25px 5px;
  padding: 0;
}
.category-dropdown {
  width: 100px !important;
  padding: 7px !important;
  top: 0px !important;
  left: -14px !important;
}
/* Articles ===================================================================================== */
.container-article {
  background-color: White !important;
  _border: solid 1px white;
  zoom: 1;
  /* IE hasLayout*/

  position: relative;
}
.container-article .action-links {
  white-space: nowrap;
  margin-top: 2px;
}
.container-article .text {
  padding: 10px;
  max-width: 800px;
  margin-right: 230px;
  min-height: 675px;
}
.container-article .infobox {
  color: #333;
  width: 200px;
  margin: 0 10px 5px 10px;
}
.container-article .header {
  margin-right: 227px;
  padding: 5px 10px 0 5px;
  background-color: #FDF3E2;
}
.container-article .header-sidebar {
  padding: 7px 7px 0 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 210px;
}
.container-article .container-nav {
  width: 100%;
  zoom: 1;
  /* IE7 */

  margin: 0;
}
.tabs {
  margin-left: 3px;
}
.container-article .tabs-container {
  border-bottom: 1px solid #ff9900;
  background-color: #FDF3E2;
  margin-right: 227px;
  padding-top: 10px;
  zoom: 1;
  /* IE7 */

}
.container-article .tabs-sidebar {
  float: right;
  width: 208px;
  font-size: 11pt;
  font-weight: bold;
  border-bottom: 1px solid #ff9900;
  letter-spacing: 0;
  margin: -23px 8px 0 0;
  padding-bottom: 6px;
}
.container-article h1 {
  margin-top: 5px;
  font-size: 1.8em;
  color: #191919;
}
.container-article img {
  overflow: auto;
}
.container-article pre {
  overflow: auto;
}
.container-article .author {
  font-size: 10pt;
}
.container-article .abstract {
  color: #333333;
  padding: 5px 0;
  font-size: 10pt;
  margin-top: 15px;
}
.container-article .date {
  font-size: 8pt;
}
.container-article .locked {
  font-style: italic;
}
.container-article .zone {
  padding-top: 10px;
  font-size: 8pt;
}
.container-article .source {
  margin: 5px;
  padding: 5px;
  border-bottom: dashed 1px #ff9900;
  border-top: dashed 1px #ff9900;
}
.container-related-item {
  font-size: 8pt;
  margin-bottom: 5px;
}
.container-article .container-text {
  position: relative;
}
.container-article .text-sidebar {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 210px;
  padding: 7px 7px 0 10px;
  min-height: 100%;
  border-left: solid 1px #eeeeee;
}
.container-article .results {
  border: 0;
  padding: 0;
}
.container-submission {
  max-width: 1200px;
  min-width: 940px;
  margin: auto;
  position: relative;
  padding: 0 10px;
}
.container-submission .text-sidebar {
  padding: 0;
  width: 265px;
  border: none;
  font-size: 8pt;
  position: relative;
}
.ie6 .container-submission .text-sidebar, .ie7 .container-submission .text-sidebar, .ie8 .container-submission .text-sidebar {
  padding-left: 20px;
  width: 300px;
}
.container-submission .infobox td {
  height: 20px;
}
.container-submission .text-sidebar p {
  font-size: 8pt;
}
.container-submission .text {
  margin: 0;
}
.container-submission .header {
  margin-right: 0;
}
.container-submission .title {
  font-size: 1.8em;
  line-height: 1.3em;
  font-weight: bold;
  margin: 12px 0 3px;
}
.container-submission .title input {
  font-size: 1em;
  font-weight: bold;
  font-family: Verdana, Arial, Sans-Serif;
}
.container-submission .author {
  padding: 5px 0;
}
.container-submission .abstract {
  color: #333333;
  font-size: 10pt;
  margin: 20px 0 10px;
}
.container-submission .section {
  width: 180px;
  font-size: 8pt;
}
.container-submission .subsection {
  width: 125px;
  font-size: 8pt;
}
.container-submission .subsection-new {
  width: 50px;
  font-size: 8pt;
}
.container-submission .dropdown-short {
  width: 110px;
  font-size: 8pt;
}
.container-submission .inline-edit {
  padding-left: 0;
  border: 0 !important;
}
.feature-article {
  background-color: #fff8df;
  border: 1px solid #ff9900;
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.feature-article .header {
  background-color: transparent;
  color: #666;
}
.feature-article .title {
  background: url("/images/feature_sm.gif") no-repeat scroll left 4px transparent;
  padding-left: 20px !important;
}
.content-list-item .title {
  font-size: 10pt;
  padding: 3px 0;
  line-height: 1.3em;
  font-weight: bold;
}
.content-list-item .doctype {
  color: #666;
  font-size: 8pt;
}
.content-list-item .doctype img {
  vertical-align: bottom;
  padding-right: 3px;
}
.content-list-item .description {
  line-height: 1.3em;
  color: #333333;
  font-size: 8pt;
  padding-bottom: 8px;
}
.content-list-item .author {
  font-size: 8pt;
  font-weight: bold;
  color: #333333;
}
.content-list-item .location {
  font-size: 8pt;
  font-weight: bold;
  color: #333333;
}
.content-list-item .modified {
  font-style: normal;
  font-weight: bold;
}
.content-list-item .modified:before {
  content: "";
}
.content-list-item .new,
.content-list-item .updated,
.content-list-item .moved,
.content-list-item .deleted {
  font-size: 8pt;
}
.article-row.header,
.article-row.header td,
.article-row th,
thead .article-row {
  border-top: solid 1px #ffcc66;
  border-bottom: solid 1px #ffcc66;
  background-color: #fff8df;
  _border: 0;
  /* IE6 fix */

}
.article-row,
tr.article-row td,
.member-row,
tr.member-row td {
  background-color: #fffef7;
  border-bottom: solid 1px #CCCCCC;
  font-size: 8pt;
}
.article-row.unedited, .article-row.unedited td {
  background-color: #C0CBEE;
  border-bottom: solid 1px #fbedbb;
}
.article-row .button {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 5px 5px 5px 5px;
  padding: 2px;
  color: black;
}
.article-row .button:hover {
  border: 1px solid #ff9900;
}
.article-row .tags {
  color: #666666;
  margin-top: 5px;
}
.ArDesc, .article-row .description {
  color: #333333;
  font-size: 8pt;
}
.article-row .title {
  font-weight: bold;
  font-size: 9pt;
}
.article-row .date {
  padding-top: 3px;
}
.article-row .comment {
  font-weight: normal !important;
  white-space: normal !important;
}
.article-row a.edit {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #ff9900;
  background-color: #fbedbb;
  padding: 0 3px;
  font-size: 8pt;
}
.article-row a.delete {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #999;
  color: #666;
  background-color: #fefefe;
  padding: 0 3px;
  font-size: 8pt;
  cursor: pointer;
}
.article-row.posting {
  color: Green;
}
.article-row.posted {
  color: Green;
}
.article-row.needassistance {
  color: red;
  font-weight: bold;
}
.article-row.needattention {
  color: red;
  font-weight: bold;
}
.alert-bar ul.see-also {
  font-weight: normal;
  margin-top: 5px;
}
/* Question and Answer ========================================================================== */
.container-question {
  padding: 5px 0px;
  width: auto;
  /*border-left:40px solid transparent;*/

  overflow-x: auto;
  overflow-y: hidden;
  min-height: 190px;
}
.container-question .tags .t {
  font-size: 10pt;
}
.question .text {
  margin-right: 330px;
}
.text-sidebar .filter {
  padding: 0 0 5px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #ddd;
}
.text-sidebar .filter legend {
  margin: 0 5px;
  color: #999;
}
.question .header {
  border-bottom: 1px solid #CCCCCC;
  _width: 60%;
  /* IE6 hack */

  background-color: White;
  margin: 0 0 0 2px;
}
.question .nav-links {
  float: right;
  margin-top: -33px;
  _margin-top: 0;
  /* IE6 hack */

  margin-left: 25px;
  font-size: 8pt;
}
.question .nav-links a {
  border: 1px solid white;
  padding: 4px 3px 3px 3px;
}
.question .nav-links a:hover {
  border: 1px solid #ff9900;
  background-color: #fbedbb;
  text-decoration: none;
}
.question h1 {
  margin-top: 4px;
}
.question .nav-links img {
  vertical-align: top;
}
.question .container-content {
  border-left: none;
  border-right: none;
}
/* Forum ======================================================================================== */
.forum {
  background-color: #fff8df;
  border-color: #ff9900 !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  table-layout: fixed;
  margin: 0px !important;
  padding: 0px !important;
  width: 100%;
}
.forum tr.hover-row:hover td {
  background-color: inherit !important;
}
.forum-header1, .forum-header1 TD {
  color: #000000;
  /*background-color: @Colour-Theme3;*/

  font-size: 8pt;
  vertical-align: middle;
}
.forum-header2, .forum-header2 TD {
  color: Black;
  background-color: #ff9900;
  font-size: 8pt;
  vertical-align: middle;
}
.forum-footer, .forum-footer TD {
  color: #000000;
  background-color: #fbedbb;
  font-size: 8pt;
  padding: 3px;
  border-color: white #ff9900 #ff9900 #ff9900;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
.forum-navbar, .forum-navbar TD {
  color: #000000;
  background-color: #fbedbb;
  font-size: 8pt;
  padding-top: 5px;
}
.forum .admin-links {
  padding-top: 10px;
}
.forum-columns, .forum-columns TD {
  color: #000000;
  background-color: #fbedbb;
  font-size: 8pt;
}
.forum-guidelines {
  font-size: 8pt;
  padding: .6em;
  border: 1px solid #ff9900;
  background-color: #ffffcc !important;
  margin: 15px;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  white-space: normal;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.3);
}
.forum-guidelines p {
  font-size: 8pt;
}
.forum-guidelines li {
  font-size: 8pt;
  margin-left: -15px;
}
.message-type {
  display: inline-block;
  height: 22px;
  padding: 2px 3px;
}
.message-type.selected {
  background-color: #EEEEEE;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  font-weight: bold;
  padding: 2px;
}
.message-type label {
  vertical-align: bottom;
}
.forum .button-newmsg {
  background-color: White;
  /*@Colour-Theme3;*/

  border: 1px solid #ff9900;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 5px 4px;
  padding: 5px 10px;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.forum .button-newmsg:hover {
  border: solid 1px #ff9900;
  background-color: #ffcc66;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.Frm_MsgAuthor kbd {
  background-color: transparent;
  border-style: none;
  color: inherit;
  padding: 0;
  white-space: normal;
}
/* IE6 - this style is a little loosely defined */td.root, .root.msg-divide {
  border-bottom: dotted 1px #ff9900;
}
/* IE6 - this style is a little loosely defined */.topic .root, .topic .root.msg-divide {
  height: 35px;
}
.topic .msg-divide {
  _height: 7px;
  /* IE6 reset for .topic .root.msg-divide (which IE thinks is .topic .msg-divide) */

}
.msg-divide {
  height: 7px;
  background-color: white;
  border-style: none;
}
.ForumSig, .signature {
  border-top: solid 1px #CCCCCC;
  padding-top: 0px;
  margin-top: 10px;
  max-height: 150px;
  overflow: auto;
}
.ForumMod, .modified {
  margin: 0;
  padding: 0;
  color: #333;
  font-style: italic;
  font-size: 8pt;
}
.modified:before {
  content: "-- ";
}
.Frm_AnsBar {
  background-color: #ebf3ff;
  margin-top: 10px;
  padding: 5px;
  font-size: 9pt;
}
.msg-footer, .msg-footer td {
  background-color: #EDF8FF;
  padding: 15px 0px 3px 0px;
  font-size: 8pt !important;
}
.msg-footer .toolbar {
  line-height: 24px;
}
/* 
	The message header itself (inside the message header row. 
	Name: Forum_(Sel|Unsel)ViewType(Rt)Msg(Hd|Bd)

	Sel|Unsel = Selected or unselected
	ViewType  = normal, preview, quick, thread, topic, expanded, mobile
	Rt		= If the message is a top level message
	Hd|Bd	 = Header or Body

	eg. Selected message header for a top level message in topic
		view would be: Forum_SeltopicRtMsgHd
*/
.MsgHd, .MsgHd td {
  font-size: 8pt;
}
.MsgBd,
.MsgBd td,
.MsgBd p,
.MsgBd li,
.MsgBd th,
.MsgBd dd,
.MsgBd dt {
  font-size: 9pt;
}
.HdSel, .HdSel td {
  background-color: #B2D8FF !important;
}
.HdUnSel, .HdUnSel td {
  background-color: #fffef7;
}
.BdSel, .BdSel td {
  background-color: #EDF8FF;
}
.BdUnSel, .BdUnSel td {
  background-color: white;
  border: solid 1px #fbedbb;
}
.Rt, .Rt td {
  font-weight: bold;
}
.LoVote, .LoVote a {
  color: gray !important;
}
.HiVote, .HiVote a {
  color: darkgreen !important;
}
.vote-hi-img {
  vertical-align: top;
  margin-left: 3px;
  /*height:12px;
	width:12px;*/

}
/*tr.Rt td.MsgBd  { font-weight: normal !important;}*/
.MsgStick, .MsgStick td {
  background-color: #ff9;
}
.expandedBd td.BdUnSel td, .topicBd td.BdUnSel td {
  border-style: none !important;
}
.threadBd td {
  border: solid 1px #fbedbb;
}
.threadBd td.BdSel td {
  border-style: none !important;
  background-color: #F0F7FF;
}
.threadHd td {
  font-weight: bold;
  font-size: 8pt;
}
.Rt .threadHd td {
  font-weight: normal;
  font-size: 8pt;
  background-color: inherit;
}
.HdSel .threadHd td {
  background-color: #B2D8FF !important;
  /*99CCFF*/

}
.HdUnSel .threadHd td {
  font-weight: normal !important;
}
.Thrd .threadhd td {
  font-weight: bold !important;
}
.topicHd .BlgHdr {
  background-color: white !important;
  color: #CC6600 !important;
  font-family: Arial;
  font-size: 16pt !important;
  font-weight: bold !important;
}
.expandedHd td, .threadHd td {
  background-color: #fbedbb;
}
.topicHd td {
  background-color: #F0F7FF;
}
.Rt .topicHd td {
  background-color: #fbedbb;
}
.topicBd td, .threadBd td {
  background-color: white;
  /*#EDF8FF / D5EAFF*/
}
.Rt .topicBd td {
  background-color: white;
}
.previewBd td.BdUnSel {
  font-size: 8pt;
  color: #666666;
  border-style: none;
}
.preview.MsgBd {
  max-height: 1000px;
  overflow: auto;
}
.MsgCnt {
  /*   font-style:italic;*/

}
.Frm_MsgIndent, td.Frm_MsgIndent {
  background-color: white !important;
  text-align: right;
  padding-right: 5px;
  vertical-align: top;
}
tr.hover-row:hover td.Frm_MsgIndent {
  background-color: white !important;
}
.Frm_MsgSubject {
  /*padding-left:5px;*/

  /*width:100%;*/

}
.MsgHd .hover-row:hover {
  background-color: inherit !important;
}
.Frm_MsgIcon {
  width: 20px;
  white-space: nowrap;
  vertical-align: top;
}
.Frm_MsgAuthor {
  text-align: left;
  width: 140px;
  padding-left: 2px;
}
.Frm_MsgAuthor a {
  padding-bottom: 3px;
  vertical-align: text-top;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Frm_MsgDate {
  text-align: right;
  width: 130px !important;
  /*border-right: 2px solid transparent; */

}
.Frm_MsgDate {
  text-align: right;
  width: 130px !important;
}
.Frm_MsgCount {
  text-align: right;
  width: 30px !important;
}
.BlgHdr {
  font-size: 9pt !important;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
}
.Frm_Input {
  background-color: #fffef7;
  font-size: 95%;
}
.Frm_DropDown {
  background-color: #fffef7;
  font-size: 95%;
  margin-left: 5px;
}
.flag-read, .flag-read a {
  color: lightgray;
}
.flag-unread .Frm_MsgIndent {
  background: transparent url('/images/unread16.gif') no-repeat left top;
}
.flag-new .Frm_MsgIndent {
  background: transparent url('/images/new16.png') no-repeat left top;
}
.flag-closed .Frm_MsgIndent {
  background: transparent url('/images/closed.png') no-repeat left top;
}
.flag-progress .Frm_MsgIndent {
  background: transparent url('/images/progressing.gif') no-repeat left top;
}
.flag-completed .Frm_MsgIndent {
  background: transparent url('/images/tick16.png') no-repeat left top;
}
.flag-confirmed .Frm_MsgIndent {
  background: transparent url('/images/tick16-or.png') no-repeat left top;
}
.flag-noreplicate .Frm_MsgIndent {
  background: transparent url('/images/unknown.png') no-repeat left top;
}
.flag-fixed .Frm_MsgIndent {
  background: transparent url('/images/fixed16.png') no-repeat left top;
}
.flag-consideration.Frm_MsgIndent {
  background: transparent url('/images/tick16-gy.png') no-repeat left top;
}
.flag-rejected .Frm_MsgIndent {
  background: transparent url('/images/reject16.png') no-repeat left top;
}
.flag-accepted .Frm_MsgIndent {
  background: transparent url('/images/tick16-or.png') no-repeat left top;
}
.flag-answered .Frm_MsgIndent {
  background: transparent url('/images/answered16.png') no-repeat left top;
}
.ie6 .Frm_MsgIndent {
  background: transparent;
}
.flags span {
  font-size: 8pt;
  padding: 1px;
  margin-right: 12px;
  padding-left: 18px;
}
span.flag-read {
  color: lightgray;
}
span.flag-unread {
  background: transparent url('/images/unread16.gif') no-repeat left top;
}
span.flag-new {
  background: transparent url('/images/new16.gif') no-repeat left top;
}
span.flag-progress {
  background: transparent url('/images/progressing.gif') no-repeat left top;
}
span.flag-closed {
  background: transparent url('/images/closed.png') no-repeat left top;
}
span.flag-consideration {
  background: transparent url('/images/tick16-gy.png') no-repeat left top;
}
span.flag-completed {
  background: transparent url('/images/tick16.png') no-repeat left top;
}
span.flag-confirmed {
  background: transparent url('/images/tick16-or.png') no-repeat left top;
}
span.flag-noreplicate {
  background: transparent url('/images/unknown.png') no-repeat left top;
}
span.flag-fixed {
  background: transparent url('/images/fixed16.png') no-repeat left top;
}
span.flag-rejected {
  background: transparent url('/images/cross16.png') no-repeat left top;
}
span.flag-accepted {
  background: transparent url('/images/tick16.png') no-repeat left top;
}
span.flag-answered {
  background: transparent url('/images/answered16.png') no-repeat left top;
}
.toolbarHover {
  border-width: 1px;
  border-color: #ff9900;
  background-color: #ffcc66;
  border-style: solid;
  padding: 1px;
  margin: 0px;
}
.toolbarDown {
  border-width: 1px;
  border-color: #ff9900;
  background-color: #ffcc66;
  border-style: outset;
  padding: 1px;
  margin: 0px;
}
.toolbarUp {
  border-width: 1px;
  border-color: #ff9900;
  background-color: #ffcc66;
  border-style: outset;
  padding: 1px;
  margin: 0px;
}
/*
Misc
*/
ul.UnAnswered li, li.UnAnswered {
  list-style-image: url(/script/forums/images/msg_question.gif);
}
li.UnAnswered {
  padding-left: 5px;
  padding-bottom: 5px;
}
.signature-edit {
  border: solid 1px #7F9DB9;
  resize: none;
}
.signature-preview {
  border: solid 1px white;
  /*#7F9DB9;*/

  background-color: white;
  cursor: pointer;
  padding: 2px;
  overflow: hidden;
  resize: none;
}
.settings .signature-preview, .signature-preview:hover {
  border: solid 1px gray;
  background-color: #FFFFCC;
  cursor: pointer;
  padding: 2px;
  overflow: hidden;
}
/* Member Styles */
.nav-memberbar {
  border-bottom: solid 1px #ff9900;
  color: #333333;
  font-size: 8pt;
  letter-spacing: -1px;
  padding: 0 5px 1px 5px;
  zoom: 1;
  /* IE force hasLayout. FF OK */

}
.open-auth img {
  vertical-align: middle;
}
.member-stats {
  font-size: 8pt;
  color: #666666;
  letter-spacing: 0px;
  font-weight: bold;
  text-align: left;
}
.member-rep-box {
  padding: 1px;
  margin: 4px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-align: center;
}
.member-rep-box div {
  margin-bottom: 3px;
}
.member-rep-box.nostatus {
  background-color: #ffffff;
  border: solid 1px #ddd;
}
.member-rep-box.bronze {
  background-color: #EFB277;
}
.member-rep-box.silver {
  background-color: #DFDFDF;
}
.member-rep-box.gold {
  background-color: #FFCC00;
}
.member-rep-box.platinum {
  background-color: #CFE7FF;
}
.member-rep-list .member-rep-box {
  padding: 10px;
  width: 50px;
}
.member-rep-total {
  width: 150px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  padding: 5px;
  margin: auto;
  margin-top: 2px;
}
.member-rep-total.nostatus {
  border: solid 3px #ddd;
}
.member-rep-total.bronze {
  border: solid 3px #EFB277;
}
.member-rep-total.silver {
  border: solid 3px #DFDFDF;
}
.member-rep-total.gold {
  border: solid 3px #FFCC00;
}
.member-rep-total.platinum {
  border: solid 3px #CFE7FF;
}
.member-rep-high {
  border-bottom: solid 2px #FFCC00;
  border-top: solid 2px #FFCC00;
}
.member-rep-container {
  max-width: 175px;
}
.experts-list  .header {
  border-bottom: 1px solid #FF9900;
  font-size: 11pt;
  font-weight: bold;
  letter-spacing: 0;
  margin: 0;
  padding: 2px 2px 7px 0;
  background-color: white;
}
.experts-list .item {
  font-size: 8pt;
}
table.member-popup {
  height: 160px;
}
.member-popup td {
  font-size: 8pt;
}
.member-popup .name {
  font-weight: bold;
  padding-bottom: 5px;
}
.member-popup .rep {
  font-weight: bold;
  padding-top: 5px;
}
/* Member Reputation Styles */
/* Survey styles */
.survey .themed td {
  font-size: 8pt !important;
  padding: 2px  !important;
}
.survey .header {
  background-color: #fff8df;
  border: 1px solid #ff9900;
  color: #990000;
  font-family: Arial,Verdana;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px 2px 2px 5px;
}
.survey .content {
  font-size: 8pt;
  padding: 3px;
  padding-top: 5px;
  background-color: #fffef7;
  border: 1px solid #ff9900;
  border-top-style: none;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
.survey .description {
  font-size: 8pt;
  color: black;
  font-weight: normal;
  margin-bottom: 10px;
}
.survey.brief .description {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.survey .prompt {
  font-size: 8pt;
}
.survey .vote-bar {
  padding: 2px;
  padding-left: 5px;
  font-weight: bold;
  color: Black;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10pt;
  background-color: #EDEDED;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  margin: 0px;
  margin-top: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.survey .question {
  width: 90%;
  padding: 10px;
  background-color: #fffef7;
}
.survey .question td {
  font-size: 8pt;
}
.survey .rating td {
  padding: 0 5px;
}
.survey tr.rating:hover {
  background-color: #fbedbb;
}
.brief .header {
  border-bottom: none;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}
.brief .question {
  padding: 0px;
}
.brief .question input, .brief .question textarea {
  max-width: 150px;
}
/* Survey styles */
/* Rating Styles */
.voting-bar {
  background-color: #fbedbb;
  border: solid 1px #ff9900;
  zoom: 1;
  /* IE7 - force hasLayout */

}
.voting-bar tr {
  font-size: 8pt;
}
td.chart-column {
  vertical-align: bottom;
  font-size: 6pt !important;
  text-align: center;
}
.rating-bar, .rating-bar td {
  border: 1px #666666 solid;
  border-collapse: collapse;
}
.rating-stars-small {
  background-color: white;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 2px;
}
.rating-bar-stars .filled, .rating-bar-stars-small .filled {
  background-color: Gold;
}
.rating-bar-stars-small {
  padding: 0px;
}
.rating-prompt {
  padding-right: 5px;
  white-space: nowrap;
}
.rating-stars .stars {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}
.rating-stars-small .stars {
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 10;
}
.rating-star-block {
  padding: 2px;
}
.rating-stars-voter .star {
  display: inline-block;
  height: 24px;
  overflow: hidden;
  text-indent: -999em;
  width: 24px;
  color: transparent;
}
.rating-stars-voter-small .star {
  display: inline-block;
  height: 16px;
  overflow: hidden;
  text-indent: -999em;
  width: 16px;
  color: transparent;
}
/*.rating-stars-voter-small .voting div { padding:2px; }
.rating-stars-voter .voting div { padding:2px; }*/
.rating-stars-voter .star.filled {
  background: url("/script/ratings/images/star-fill24.png") no-repeat scroll 0 0 transparent;
}
.rating-stars-voter .star.outline {
  background: url("/script/ratings/images/star-outline24.png") no-repeat scroll 0 0 transparent;
}
.rating-stars-voter-small .star.filled {
  background: url("/script/ratings/images/star-fill16.png") no-repeat scroll 0 0 transparent;
}
.rating-stars-voter-small .star.outline {
  background: url("/script/ratings/images/star-outline16.png") no-repeat scroll 0 0 transparent;
}
.rating-ignore-vote img, .rating-ignore-vote span {
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.answer-row-rating {
  padding: 3px 10px 0 0;
}
.container-rating {
  position: relative;
}
.rating-comment {
  display: none;
  background-color: White;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 250px;
  border: solid 1px #cccccc;
  z-index: 1000;
  -moz-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.4);
}
.container-rating:hover .rating-comment {
  display: block;
}
/* End Rating Styles */
.report-header {
  font-weight: bold;
  font-size: 9pt;
}
.report-prompt {
  font-size: 8pt;
}
.report-prompt a {
  display: inline !important;
}
.report-comment {
  width: 175px;
  margin-left: 15px;
}
.report-summary {
  width: 100%;
  display: block;
  margin: 10px 0;
}
.report-count {
  display: inline-block;
  width: 15px;
  color: #666;
}
/* Admin Styles *//* Empty for now. Just a PlaceHolder */
#_adminTrace {
  font-size: 7pt;
}
.Admin, .admin {
  background-color: #FFE9CF;
  border: 1px solid red;
}
/* End Admin Styles */
/* mailout styles */
.ArchiveHeader, .ArchiveHeader td {
  border-top: solid 1px #ffcc66;
  border-bottom: solid 1px #ffcc66;
  background-color: #fff8df;
}
.ArchiveRow, .ArchiveRow td {
  background-color: #fffef7;
  border-bottom: solid 1px #CCCCCC;
  padding-bottom: 15px;
}
/* end mailout styles */
/* zone styles */
.zone .box {
  font-size: 8pt;
  padding: 5px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 0;
}
.zone h1 {
  margin-top: 6px;
  margin-bottom: 0px;
}
.zone h2.divider, .zone h3.divider {
  color: #488e00;
  height: auto;
  background-color: White;
  border-bottom: solid 1px #FDEBBB;
  width: 80%;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
}
.zone h2.divider {
  font-size: 13pt;
}
.zone .description {
  margin-right: 10px;
  margin-top: 7px;
}
.zone .sponsor {
  color: #666666;
  font-size: 9pt;
  line-height: 20px;
}
.zone .title {
  /*font-weight:bold;
	color:#184A7B;*/

  font-size: 11pt;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
  line-height: 1.3em;
}
.zone a {
  color: #0066CE;
}
.zone .abstract {
  padding-bottom: 5px;
  color: #333333;
  font-size: 10pt;
}
.zone .author {
  font-size: 10pt;
  color: #444;
}
.ZoneList {
  margin-top: 7px;
}
/* end of zone styles */
/* Job styles */
.Gradient {
  background-image: url(/script/jobs/images/gradient.gif);
  background-repeat: repeat-x;
  background-position: top;
}
.JobBox {
  border: 1px solid #999999;
  margin: 15px;
  padding: 5px;
}
.JobTable {
  border: 1px solid #ffe9bd;
  background-color: #fffef7;
  border-collapse: collapse;
  background-color: White;
}
.JobTable td {
  border: 1px solid #ffe9bd;
  margin: 0px;
  padding: 5px;
  font-size: 8pt;
}
.JobTable tr.alt-item {
  background-color: #FEF9E7;
}
.JobTable thead, .JobTable thead a, .JobTable thead td {
  background-color: #FEF9E7;
  border-style: none;
  font-weight: bold;
  text-transform: capitalize;
  color: #f49300;
}
.JobDetBox {
  border-top: 1px solid #ffe9bd;
  border-collapse: collapse;
  background-color: #FFF2D9;
}
.JobDetHeader {
  height: 37px;
  font-size: 8pt;
  font-weight: bold;
  line-spacing: 1.05;
  letter-spacing: 2px;
  color: #f49300;
  border-bottom: 1px solid #ffe9bd;
  padding: 0px 0px 0px 10px;
}
.JobDetBox div.InfoRow {
  white-space: nowrap;
  width: 100%;
}
.JobDetLabel, .JobDetBox div.InfoRow {
  font-size: 9pt;
  font-weight: bold;
  line-spacing: 1.05;
  border-right: 1px solid #ffe9bd;
  border-bottom: 1px solid #ffe9bd;
  border-left: 1px solid #ffe9bd;
  padding: 5px;
  text-align: right;
}
.JobDetValue, .JobDetBox div.InfoRow {
  font-size: 9pt;
  font-weight: bold;
  line-spacing: 1.05;
  border-right: 1px solid #ffe9bd;
  border-bottom: 1px solid #ffe9bd;
  padding: 5px;
  text-align: left;
  color: #333333;
}
.JobDetBox div.Label, .JobDetBox div.Input, .JobDetBox div.InfoRow {
  padding: 3px;
}
.JobDetBox div.Label {
  border-right: 1px solid #ffe9bd;
}
/* end Job styles */
.AdTextLinks {
  font-size: 8pt;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  line-height: 1.5em;
  width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.LatestJobsHeader {
  border-top: solid 1px #ffcc66;
  border-bottom: solid 1px #ffcc66;
  background-color: #fff8df;
}
.WinnersCompetitionNameCell {
  width: 150px;
  white-space: nowrap;
}
.SmallParagraph {
  padding-top: 7px;
}
/* Award styles */
.prize-winner {
  padding: 5px;
}
.awards {
  font-size: 10pt;
}
.CompetitionTable {
  padding: 2px;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #EDEDED;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #EDEDED;
}
.CompetitionCell {
  font-size: 8pt;
  border-right: solid 1px #EDEDED;
  border-top: solid 1px #EDEDED;
  padding: 1px;
  padding-right: 3px;
}
.CompetitionHeader {
  font-weight: bold;
  background-color: #ff9900;
}
.CompetitionHeaderCell {
  color: White;
}
.CompetitionAlternativeRow {
  background-color: #fffef7;
}
/* end Award styles */
/*   ListBoxes style   */
.StatusBox {
  width: 200px;
}
/* end ListBoxes style */
.LinkButton {
  cursor: pointer;
  font-size: 7pt;
}
.NewsBL {
  font-style: italic;
}
.NewsItem {
  font-size: 8pt;
}
.NewsSource {
  font-size: 8pt;
  color: #333333;
  font-style: italic;
}
.AdSection {
  background-color: #fbedbb;
}
.grey-box {
  padding: 0px;
  margin: 0px;
  background-color: #CCCCCC;
  display: inline-block;
}
.AdServeSection {
  border: solid 1px #CCCCCC;
  padding-bottom: 2px;
  margin-bottom: 10px;
}
.AdServeSection td {
  padding: 3px;
}
.AdServeSection th {
  background-color: #fbedbb;
  font-weight: bold;
  border-bottom: solid 1px #CCCCCC;
  padding: 1px;
}
.AdServeSectionTitle {
  background-color: #fbedbb;
  font-weight: bold;
  border: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  padding: 1px;
  margin-top: 3px;
}
.AdServeSection th {
  background-color: #fbedbb;
  font-weight: bold;
  border-bottom: solid 1px #CCCCCC;
  padding: 1px;
}
.AdMailInsertRow {
  border-bottom: 1px solid grey;
  font-size: 8pt;
}
.AdFilterTable {
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  background-color: #CCCCCC;
}
.AdFilterCell {
  border: 1px solid #CCCCCC;
  margin: 0px;
  padding: 5px;
  font-size: 8pt;
  background-color: White;
}
.AdExpiredMoreThanMonth {
  background-color: #CCCCCC;
}
.AdExpiredLessThanMonth {
  background-color: red;
}
.AdExpiredSoon {
  background-color: Orange;
}
.AdNotCommenced {
  background-color: Yellow;
}
.NoHeaderListingRow {
  border-right: solid 1px #cccccc;
  border-top: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
}
.NoHeaderListingFooter {
  border-top: solid 1px #cccccc;
}
.tab-wrapper {
  border-bottom: solid 1px #ff9900;
  zoom: 1;
  /*IE - trigger hasLayout. FF OK*/

}
.TabFrame {
  /*background-color: #F9FBE0; 
	border: solid 1px @Colour-Theme1;*/

}
.tabContent {
  padding: 10px;
  background: #FFFFFF;
}
.tabContent ul {
  padding-top: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.TabMenuSpacer {
  border-bottom: solid 1px #ff9900;
}
.TabMenuItem {
  white-space: nowrap;
  text-align: center;
  padding: 5px;
  border: solid 1px #ff9900;
  background-color: #E7F2F8;
}
.TabMenuItemSelected {
  white-space: nowrap;
  text-align: center;
  padding: 5px;
  border-top: solid 1px #ff9900;
  border-right: solid 1px #ff9900;
  border-left: solid 1px #ff9900;
  border-bottom: none;
  background-color: white;
}
.TabContents {
  border-right: solid 1px #ff9900;
  border-left: solid 1px #ff9900;
  border-bottom: solid 1px #ff9900;
}
.AlignedInput {
  clear: both;
  padding-top: 3px;
}
.Label, .Input {
  float: left;
}
.Label {
  width: 70px;
  font-weight: bold;
}
.Input {
  font-weight: normal;
}
/* Contact control styles */
.ContactWrapper .InfoRow, .ContactWrapperInput .InfoRow {
  clear: both;
  padding-top: 0px;
}
.ContactWrapper .Label {
  width: 100px;
}
.ContactWrapperInput .Label {
  width: 200px;
}
.ContactWrapperInput label {
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  width: 200px;
  display: inline;
}
.ContactWrapperInput input {
  display: inline;
}
.ContactWrapperLong .InfoRow, .ContactWrapperLongInput .InfoRow {
  clear: both;
  padding-top: 0px;
}
.ContactWrapperLong .Label {
  width: 175px;
}
.ContactWrapperLongInput .Label {
  width: 200px;
}
/* end Contact control styles*/
/* ===================================================================== Ajax File Upload [Start] */
.file-upload .upload-add {
  position: relative;
  overflow: hidden;
  zoom: 1;
  padding-top: 24px;
}
.file-upload #addFile, .file-upload .file {
  position: absolute;
  top: 0px;
  right: 0px;
}
.file-upload .file {
  z-index: 1;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  cursor: pointer;
}
.file-upload #addFile {
  z-index: 0;
}
.file-upload .uploaded {
  font-size: 8pt;
  overflow: hidden;
  padding: 2px;
  white-space: nowrap;
}
.container-uploads .insert {
  border: 1px solid transparent;
  padding: 3px 3px 6px 0;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.container-uploads .insert:hover {
  border: solid 1px #ff9900;
  background-color: #ffcc66;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.container-uploads .replaced, .container-uploads .replaced a {
  color: #666666 !important;
}
/* ======================================================================= Ajax File Upload [End] */
/* ========================================================================= Pager styles [Start] */
.Pager .Indicator {
  float: left;
  width: 40px;
  white-space: nowrap;
}
.Pager .Selectors {
  float: left;
  padding-left: 100px;
}
.Pager .Navigation {
  float: right;
  text-align: right;
}
.Pager .PageSize {
  float: right;
  text-align: right;
  margin-right: 20px;
}
/* =========================================================================== Pager styles [End] */
/* ==================================== Advertisement styles =====================================*/
.AdTable {
  border: 1px solid #999999;
  background-color: #fffef7;
  border-collapse: collapse;
  background-color: White;
}
.AdHeader, .feature thead {
  background-color: #ffcc66;
  font-weight: bold;
}
.AdTable td {
  border: 1px solid #333333;
  margin: 0px;
  padding: 3px;
  font-size: 8pt;
}
.AdTable tr.alt-item {
  background-color: #FEF9E7;
}
.AdSectionHead {
  border: 1px solid #CCCCCC;
}
.input-table {
  border-collapse: collapse;
  padding: 5px 5px;
  background-color: #FFFFeF;
}
.input-table td {
  font-size: 10pt;
  padding: 2px;
}
.input-table .AdSectionHead td {
  background-color: #fbedbb;
  font-size: 10pt;
}
.input-table tr.alt-item {
  background-color: #FEF9E7;
}
.input-table td.Description {
  color: #666666;
  /* The colour of the beast */

  font-size: 7pt;
}
.CampaignForm div span {
  display: inline-block;
  width: 6.2em;
}
.CampaignForm div.Legend {
  border: solid 1px black;
  padding: .2em;
}
.CampaignBox {
  border: 1px solid #999999;
  margin: 15px;
  padding: 5px;
}
.CampaignsBox {
  border: 1px solid #999999;
  margin: 15px;
  padding: 5px;
}
.Remarks {
  color: Gray;
  font-size: 8pt;
}
.GrayText {
  color: Gray;
}
.CampaignAdsTable thead {
  background-color: #ffcc66;
  font-weight: bold;
}
.CampaignAdsTable td {
  margin: 0px;
  padding: 3px;
}
.CampaignAdsTable tr.alt-item {
  background-color: #FEF9E7;
}
.AdContentBox {
  border: 1px solid #999999;
  padding: 4px;
  margin-bottom: 6px;
  max-height: 120px;
  overflow: auto;
  background-color: #eeeeee;
}
/* =========================================================================== FAQ styles [Start] */
.Question {
  font-weight: bold;
  font-size: 13pt;
  color: #004cd5;
}
.Answer {
  font-weight: normal;
  font-size: 9pt;
  color: Black;
}
/* ============================================================================= FAQ styles [End] */
/* ==================================== Email Insertion List =====================================*/
.EmailInsertionList {
  height: 400px;
  overflow: scroll;
  border-style: solid;
  border-width: 1px;
}
.EmailInsertionList .theader {
  font-weight: bold;
  font-size: 8pt;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #CCCCCC;
  white-space: nowrap;
}
.EmailInsertionList td.standard {
  font-size: 8pt;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #CCCCCC;
}
.EmailInsertionList td.hilite {
  background-color: yellow;
  font-size: 8pt;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #CCCCCC;
}
/* ======================================================================= Catalog styles [Start] */
/* ===================================================== Common [Start] */
#CatalogLegend {
  margin-top: 20px;
  padding: 5px;
  width: 50%;
  border: solid 1px #D7D7D7;
}
#CatalogLegend strong {
  text-decoration: underline;
}
#CatalogLegend ul {
  margin: 5px 0px 0px 5px;
  padding: 0px;
  list-style-type: none;
}
#CatalogLegend ul li div {
  clear: left;
  float: left;
  width: 30px;
  height: 10px;
  margin: 3px 5px 0px 0px;
  border: solid 1px black;
}
#CatalogLegend #CatalogGold div {
  background-color: #FFFFCC;
}
#CatalogLegend #CatalogSilver div {
  background-color: #CCCCCC;
}
#CatalogLegend #CatalogBronze div {
  background-color: #FFF;
}
/* ======================================================= Common [End] */
/* =============================================== Menu control [Start] */
#CatMenu {
  width: 180px;
}
#CatMenu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: solid 1px #D7D7D7;
  background-color: #F0EFED;
}
#CatMenu ul * {
  color: #4C4F58;
}
#CatMenu ul .Header {
  padding: 5px 10px;
  background-color: #E8E6E4;
  font-weight: bold;
  font-size: 1.25em;
}
#CatMenu ul li {
  border-bottom: solid 1px #C5C3C1;
  font-size: 0.8em;
}
#CatMenu ul li a {
  display: block;
  padding: 5px 10px;
}
#CatMenu ul li a:hover {
  background-color: #CDCBC9;
}
#CatMenu ul li a.Selected {
  background-color: #ffcc66;
}
/* ================================================= Menu control [End] */
/* ================================================== View page [Start] */
#CatalogViewWrapper .CoreContent {
  position: relative;
  padding: 10px;
  border: solid 1px #fbedbb;
}
#CatalogViewWrapper .MainImageSection {
  clear: right;
  float: right;
  padding-left: 30px;
  color: #666666;
  font-size: 0.9em;
}
#CatalogViewWrapper .Header {
  font-size: 1.2em;
  font-weight: bold;
}
#CatalogViewWrapper .Details {
  margin: 10px 0px;
  color: #666666;
}
#CatalogViewWrapper .Details .InfoGroup {
  padding-bottom: 5px;
}
#CatalogViewWrapper .Details div, #CatalogViewWrapper .TopSection div {
  margin-bottom: 3px;
}
#CatalogViewWrapper .Details span {
  font-weight: bold;
}
#CatalogViewWrapper .ContactWrapper {
  /*margin-top: 5px;*/

}
#CatalogViewWrapper .ContactWrapper .InfoRow {
  margin: 0px;
  padding: 0px;
}
.ContactWrapperInput .InfoRow {
  padding: 3px;
}
#CatalogViewWrapper .Links {
  margin-bottom: 50px;
}
#CatalogViewWrapper .Links a {
  float: left;
  padding-right: 40px;
}
/* ==================================================== View page [End] */
/* ================================================== Edit page [Start] */
#CatalogEditWrapper .CatItemInfo {
  clear: both;
  padding-top: 3px;
}
#CatalogEditWrapper .StartNewGroup {
  padding-top: 10px;
}
#CatalogEditWrapper .Label {
  width: 220px;
  font-weight: bold;
}
#CatalogEditWrapper .ContactWrapper .Label {
  width: 150px;
}
/* ==================================================== Edit page [End] */
table.FeaturedCatalogItem {
  border: solid 1px #ff9900;
  background-color: white;
  width: 100%;
}
.FeaturedCatalogItem img {
  padding-right: 10px;
}
.FeaturedCatalogItem td {
  padding: 5px;
}
.CatFeatHeader {
  background-color: #ff9900;
  text-transform: capitalize;
  color: White;
  font-weight: bold;
  text-align: center;
  /*width:100%;*/

  height: 20px;
  padding: 2px !important;
  white-space: nowrap;
}
/* ========================================= CatalogRow control [Start] */
.CatalogItemWrapper {
  clear: both;
  padding: 5px;
}
.NewRowContent {
  clear: both;
  padding-top: 10px;
}
.ItemLinks a {
  padding-right: 10px;
}
.NoHeaderListingRow .Silver {
  background-color: #F5F5F5;
}
.NoHeaderListingRow .Gold {
  background-color: #FFFFCC;
}
#SingleLineMode #Posted, #SingleLineMode #Views {
  width: 10%;
}
#SingleLineMode #Title {
  width: 80%;
}
#SingleLineMode #Views {
  text-align: center;
}
.SmallImage {
  height: 6em;
  width: auto;
  padding-right: 10px;
}
/* =========================================== CatalogRow control [End] */
/* ========================================================================= Catalog styles [End] */
/* ======================================================================= Purchase styles [Begin]*/
.InvoiceWrapper {
  margin-left: 10px;
}
.Invoice {
  padding: 5px;
  border-top: solid 1px #777777;
  border-bottom: solid 1px #777777;
}
.InvoiceHeader {
  background-color: #FCF2DC;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 1px #777777;
}
.InvoiceTotal {
  border-top: solid 1px #777777;
  text-align: right;
  padding: 3px;
}
/* ======================================================================= Purchase styles [End] */
/* ======================================================================= Chart styles [Start] */
.FadingTooltip {
  border-right: outset 1px #333333;
  border-top: outset 1px #333333;
  font-size: 9pt;
  border-left: outset 1px #333333;
  width: auto;
  color: black;
  border-bottom: outset 1px #333333;
  height: auto;
  background-color: #fef9e7;
  margin: 3px 3px 3px 3px;
  padding: 3px 3px 3px 3px;
}
/* ======================================================================= Chart styles [End] */
/* ============================================================== Country Selector styles [Start] */
.CountryList {
  overflow: auto;
  border-width: 1px;
  border-color: Gray;
  border-style: solid;
  font-size: 8pt;
  scrollbar-arrow-color: white;
  scrollbar-face-color: #ff9900;
}
.Country {
  padding-left: 12px;
  font-size: 7pt;
  white-space: nowrap;
}
.CountrySelectorDisplay {
  padding: 5px;
  margin-bottom: 10px;
  overflow: auto;
  color: #666666;
  font-size: 8pt;
  height: 30px;
}
.SetCountryDisplay {
  padding: 5px;
  overflow: auto;
  color: red;
  font-size: 8pt;
}
.Region {
  padding-left: 7px;
  font-size: 8pt;
  white-space: nowrap;
}
/* ================================================================ Country Selector styles [End] */
.ShortSelectorList {
  height: 80px;
  width: 200px;
  overflow: auto;
  border-width: 1px;
  border-color: Gray;
  border-style: solid;
  font-size: 8pt;
  scrollbar-arrow-color: white;
  scrollbar-face-color: #ff9900;
}
.SelectorList {
  overflow: auto;
  border-width: 1px;
  border-color: Gray;
  border-style: solid;
  font-size: 8pt;
  scrollbar-arrow-color: white;
  scrollbar-face-color: #ff9900;
}
.SelectorListElement {
  padding-left: 10px;
  font-size: 7pt;
  white-space: nowrap;
}
.SelectorDisplay {
  padding: 5px;
  margin-bottom: 10px;
  overflow: auto;
  color: #666666;
  font-size: 8pt;
  height: 30px;
}
.feature.calendar thead td {
  font-weight: bold;
  height: 24px;
  border: 0;
}
.calendar td {
  vertical-align: top;
  height: 100px;
  width: 100px;
  margin: 1px;
  padding: 1px;
  border: 1px solid orange;
  border-collapse: collapse;
}
.calendar div div {
  font-size: .75em;
  background-color: #44ff44;
}
/*=============================== Creative forms style ======================*/
.CreativeFormStyle label {
  display: inline-block;
  width: 9em;
  padding: 0.1em;
  white-space: nowrap;
}
.CreativeFormStyle label.multy {
  vertical-align: top;
}
.CreativeListInfo {
  border: 1px solid #ff9900;
  border-collapse: collapse;
}
.CreativeListInfo th {
  border: 1px solid #ff9900;
  background-color: #ffcc66;
  text-align: left;
  padding: 0.15em 0.4em;
  color: White;
}
.CreativeListInfo td {
  font-size: smaller;
}
.CreativeListInfo div.block {
  float: left;
  width: 120px;
  padding: 0.15em 0px;
}
.CreativeListInfo div.infoText {
  float: left;
  padding: 0.15em 0px;
}
.CreativeListTable {
  width: 100%;
}
.CreativeListTable tr.alt-item {
  background-color: #FEF9E7;
}
/* ===================================================================== Scheduler styles [Start] */
#SchedulerWrapper .AlignedInput .Label {
  width: 150px;
}
#SchedulerWrapper .embed + img {
  position: relative;
  left: -21px;
  top: -1px;
}
/* ======================================================================= Scheduler styles [End] */
/* ======================================================================== Quick Answers [Start] */
.topics {
  font-size: 14pt !important;
  letter-spacing: 0;
  margin: 12px 0 0 0 !important;
  padding: 3px;
}
.topics .t {
  font-size: 14pt !important;
}
.container-entry {
  background-color: White !important;
  _border: solid 1px white;
  zoom: 1;
  /* IE hasLayout*/

  position: relative;
}
.container-entry .text-sidebar {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 300px;
  padding: 7px 7px 0 10px;
  min-height: 100%;
  border-left: solid 1px #eeeeee;
}
.container-entry .mainlinks {
  margin-top: 5px;
  line-height: 22px;
  white-space: nowrap;
  min-width: 645px;
}
.container-entry .mainlinks a {
  font-weight: bold;
  text-decoration: none !important;
  font-size: 10pt !important;
  padding: 4px 4px;
  white-space: nowrap;
  border: 1px solid #ff9900;
  color: #333;
  background-color: #FFE99F;
}
.container-entry .mainlinks a:hover {
  border: 1px solid #ff9900;
  background-color: #ffcc66;
  text-decoration: none;
  color: black;
}
.container-entry .mainlinks .ask {
  margin-right: 20px;
  border: 2px solid #ff9900;
  background-color: #FFAE2F;
}
.container-entry .mainlinks .rss, .container-entry .mainlinks .rss:hover {
  vertical-align: middle;
  border: 0;
  background-color: white;
}
.container-entry .mainlinks .ask:hover {
  border: 2px solid #ff9900;
}
.container-entry .mainlinks .faq {
  margin-left: 10px;
  border: 1px solid #c3de6c;
  background-color: #c3de6c;
}
.question .text-sidebar {
  float: left;
  margin-left: -330px;
}
.question.HiVote a, .answer.HiVote a {
  color: #004cd5 !important;
}
.question.LoVote a, .answer.LoVote a {
  color: #004cd5 !important;
}
.qa-legend .header {
  background: none;
  font-weight: bold;
  font-size: 1.5em;
  margin: 5px 0 10px 5px;
}
.qa-legend ul {
  list-style-type: none;
  margin: 0 0 0 5px;
  padding: 0;
}
.qa-legend ul li {
  font-size: 1em;
  margin-bottom: 5px;
}
.qa-parent {
  background-color: #EDF8FF;
  margin-bottom: 10px;
  padding: 5px;
}
.qa-list {
  border: 1px solid #FFE9BD;
  width: 100%;
}
.qa-list .title {
  font-weight: bold;
  font-size: 10pt;
  padding-bottom: 3px;
  margin: 0;
}
/*.qa-list .title a {  color:@Colour-Link; }*/
.qa-list td {
  margin: 0px;
  padding: 3px;
  border-bottom: 1px dotted #ffe9bd;
}
.qa-list thead, .qa-list thead a, .qa-list thead td {
  background-color: #FEF9E7;
  font-weight: bold;
  color: #F49300;
  border: none;
}
.qa-list .posted {
  font-size: 8pt;
  white-space: nowrap;
  padding-top: 5px;
}
.qa-list .Numeric {
  text-align: right;
}
.qa-list .Selected {
  background-color: #F7FCFF;
}
.qa-list .SelectedAttr {
  background-color: #DDF2FF;
}
.qa-list .Updated {
  font-size: 8pt;
}
.qa-list .stats {
  padding: 2px 0 0 0 !important;
  font-size: 13pt !important;
  text-align: center;
  width: 55px;
  border: 1px solid #ffcc66;
  background-color: #fff8df;
}
.qa-list .answered {
  background-color: #c3de63;
}
.qa-list .unanswered {
  color: #ddd;
  border-color: #ddd;
  background-color: transparent;
}
.qa-list .accepted {
  color: #288C00 !important;
}
.qa-list .unviewed {
  font-weight: bold;
}
.qa-list .viewed {
  font-weight: normal !important;
}
.qa-list .icon {
  vertical-align: top;
  text-align: right;
  padding: 3px 0 0 3px !important;
  margin: 0 !important;
  border-style: none;
}
.RateHint5 {
  background-color: #00CC00 !important;
}
.RateHint4 {
  background-color: #95FA95 !important;
}
.RateHint3 {
  background-color: #F6FAF6 !important;
}
.RateHint2 {
  background-color: #FfCC66 !important;
}
.RateHint1 {
  background-color: #FF3300 !important;
}
.RateHint0 {
  background-color: White;
}
.question .rate-item, .answer .rate-item {
  align: right;
  color: #666;
}
.question .rate-group, .answer .rate-group {
  float: right;
  margin-left: 15px;
}
.ie6 .question .rate-group,
.ie6 .answer .rate-group,
.ie7 .question .rate-group,
.ie7 .answer .rate-group,
.ie8 .question .rate-group,
.ie8 .answer .rate-group {
  width: 340px;
}
/* =============================== Entry [Start] */
.answer {
  margin-top: 30px;
  margin-bottom: 5px;
  /*padding: 5px;*/

  padding-right: 1px;
  border-top: solid 1px #ff9900;
}
.answer .header {
  /*width:100%;*/

  padding: 10px 0px;
  border-style: none;
}
.answer.first {
  margin-top: 0px;
  border-top-style: none;
}
.answer .text {
  zoom: 1;
  /* force IE hasLayout */

  background-color: transparent;
  width: 99%;
  padding: 5px 10px 25px 5px;
}
.fluid .text {
  max-width: 10000px;
}
.answer .accepted {
  border: solid 1px #004cd5;
  background-color: #D9EF95;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}
.answer .accepted-community {
  background-color: #E2FECC;
}
.question .comment-header, .answer .comment-header {
  font-weight: bold;
  padding: 10px 10px 2px 2px;
}
.QAAjaxAnswer {
  margin-top: 30px;
  margin-bottom: 5px;
  padding: 5px;
  border: solid 1px #ff9900;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.QAAjaxAnswer .text {
  max-with: auto;
  margin-right: 0px;
}
.qa-title {
  float: left;
  margin-right: 40px;
}
.qa-info {
  font-size: 8pt;
  color: #666666;
  padding: 20px 0;
}
.qa-info a.improve {
  font-weight: bold;
  color: Green;
  border: 1px solid transparent;
  padding: 4px;
  text-decoration: none;
}
.qa-info a:hover.improve {
  border: 1px solid #ff9900;
  background-color: #fbedbb;
}
.qa-info .version {
  padding-left: 5px;
  float: left;
}
.answer-row {
  zoom: 1;
}
.title .HiVote {
  background-color: inherit;
  color: #288C00 !important;
}
.AnswersThread .TopPager {
  position: relative;
  top: 25px;
  margin-left: 75%;
}
.AnswersThread .TopPager .LeftGroup {
  position: absolute;
  top: 0px;
  right: 150px;
}
.PostDateAndRepInfo {
  float: left;
  margin-left: 10px;
}
#PostEntryContainer h1 {
  margin-bottom: 20px;
}
/* ================================= Entry [End] */
.QAQuote {
  padding-left: 0.6em;
  margin-left: 0.25em;
  border-left: gray 0.2em solid;
  color: #556655;
  margin-right: 1em;
  margin-bottom: -1em;
}
/* ================================ Post [Start] */
.container-post {
  zoom: 1;
  /* IE trigger hasLayout */

  overflow: hidden;
  /* for firefox etc */

  position: relative;
}
.container-post .standalone {
  width: 700px;
}
.container-post .edit {
  max-width: 1000px;
}
.AnswersPost {
  padding-top: 10px;
}
.container-post .InputGroup {
  margin: 20px 0px;
}
.container-post .Divider {
  margin: 20px 0px;
}
.container-post .similar {
  position: absolute;
  left: 720px;
  top: 0px;
  overflow: auto;
  max-height: 600px;
}
.similar .QATitleComp {
  font-weight: normal;
}
.container-post .similar #Suggestions {
  margin: 0px;
  padding: 0px;
  overflow: auto;
  list-style-type: none;
}
.container-post .similar tr {
  margin: 5px 0px;
}
.container-post .submit-group {
  white-space: nowrap;
  width: 600px;
}
.container-post .submit-group .inner-submit-group {
  margin-left: 30px;
}
.container-post .preview {
  background-color: #F2F2F2;
  width: 600px;
  padding: 3px;
  border: solid 1px #ff9900;
}
/* ================================== Post [End] */
/* ================================ List [Start] */
.list-answers {
  padding-top: 17px;
}
* + html .list-answers {
  padding-top: 0px;
}
.qa-legend .list-answers {
  padding-top: 10px;
  width: 170px;
}
.list-answers {
  position: relative;
  clear: both;
}
.list-answers .QATopPager {
  /*
	position:absolute;
	top:10px;
	right:0;
	*/

  float: right;
  _width: 250px;
  /* For IE6. Otherwise entire page won't render */

}
.QARate {
  background-color: #fff8df;
  border: solid 1px #ff9900;
  font-size: 13pt;
  text-align: center;
  padding: 5px 0px;
}
.QAAnsw {
  background-color: #C3de63;
  border: solid 1px #ff9900;
  border-bottom-style: none;
  font-size: 13pt;
  text-align: center;
  padding: 5px;
}
.QAAnswAcceptedAnswer {
  background-color: #C3de63;
  border: solid 1px #ff9900 !important;
  border-bottom-style: none;
  font-size: 13pt;
  text-align: center;
  padding: 5px;
}
.QANoAnsw {
  background-color: #ffcc66;
  border: solid 1px #ff9900;
  border-bottom-style: none;
  font-size: 13pt;
  text-align: center;
}
.indent {
  margin-left: 15px;
}
.TopPad, .pad-top {
  padding-top: 10px;
}
.list-answers .Attributes {
  color: #555;
}
.QATopPager {
  position: relative;
  top: 10px;
  /*margin-left: 75%;*/

}
* + html .QATopPager {
  top: 25px;
}
.QATopPager .LeftGroup {
  position: absolute;
  top: 0px;
  right: 250px;
}
.list-answers .ui-tabs-panel {
  padding: 0px;
}
.list-answers .CustomTabFilters {
  position: relative;
}
.list-answers .AdminFilters {
  float: right;
}
.list-answers .CustomSorting {
  margin: 8px;
  background-color: #fffef7;
  padding: 0px;
}
.list-answers .CustomSorting img {
  padding: 0px 3px;
}
.list-answers .PrimarySort, .list-answers .MoreSorting {
  float: left;
  height: 1.6em;
}
.list-answers .Message {
  clear: both;
  margin: 0px;
  padding: 20px 0px;
}
.list-answers .AskQuestion {
  float: right;
}
.list-answers .HighlightRow {
  background-color: #FFFFD6;
}
.EditInfo {
  float: left;
  padding-right: 0.5em;
}
.viewed a, .unviewed a {
  text-decoration: none;
  color: #004cd5;
}
/* ================================== List [End] */
/* ========================================================================== Quick Answers [End] */
#ContactWrapper td {
  text-align: left;
}
.icon-button-wrapper {
  float: right;
  margin: 4px;
}
a.icon-button {
  cursor: hand;
  color: black;
  text-decoration: none;
}
.icon-button > span {
  display: inline-block;
}
/* ============================================================================ Tag Cloud [Start] */
.cloud {
  padding: 7px;
  text-align: left;
}
.cloud .header {
  padding: 2px 2px 2px 5px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13pt !important;
  font-weight: bold;
  margin: 5px 0px 7px 0px;
  background-color: Transparent;
  _text-transform: none !important;
  /* IE6 fixes */

  _background-color: white;
  _border: 0;
}
.cloud .breadcrumb {
  margin: 2px 0px 10px 0px;
}
.cloud .breadcrumb .tag {
  font-size: 9pt;
  margin: 2px 0px;
  padding: 2px;
  background-color: #FFFFCC;
  border: 1px solid blue;
}
.tag_0,
.tag_1,
.tag_2,
.tag_3,
.tag_4,
.tag_5,
.tag_6,
.tag_7,
.tag_8,
.tag_9,
.tag_10 {
  font-size: 9pt;
  font-weight: bold;
  padding: 1px;
  border: 1px solid transparent;
  display: inline-block;
  *border: 1px solid white;
  _border: 1px solid white;
}
a.tag_0:hover,
a.tag_1:hover,
a.tag_2:hover,
a.tag_3:hover,
a.tag_4:hover,
a.tag_5:hover,
a.tag_6:hover,
a.tag_7:hover,
a.tag_8:hover,
a.tag_9:hover,
a.tag_10:hover {
  background-color: #FFFFCC;
  border: 1px solid blue;
}
.tag_0 {
  color: #7FA4FF;
}
.tag_1 {
  color: #6F99FF;
}
.tag_2 {
  color: #5F8EFF;
}
.tag_3 {
  color: #4F83FF;
}
.tag_4 {
  color: #3F77FF;
}
.tag_5 {
  color: #2F6CFF;
}
.tag_6 {
  color: #1F61FF;
}
.tag_7 {
  color: #0F55FF;
}
.tag_8 {
  color: #004BFF;
}
.tag_9 {
  color: #004BFF;
}
.tag_10 {
  color: #004BFF;
}
.tags {
  line-height: 1.3em;
}
.tags .t {
  font-size: 8pt;
  padding: 2px;
  border: solid 1px #ddd;
  margin: 0 2px;
  color: #666;
}
.tags .t a {
  color: #3F77FF;
}
.tags .t a:hover {
  color: #004cd5;
}
.tags .t:hover {
  color: #004cd5 !important;
  border-color: #ff9900;
  background-color: #fff8df;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.homepage .tags {
  margin-bottom: 10px;
}
.container-header .tags {
  margin-top: 7px;
  margin-bottom: -10px;
}
input.ie6-bug-sf {
  *width: 130px !important;
  _width: 130px !important;
}
.cloud-large {
  font-size: 13pt;
  padding: 3px;
  text-align: justify;
  line-height: 110%;
}
.cloud-large a {
  padding: 3px;
}
.cloud-large .header {
  font-size: 13pt !important;
  font-weight: bold;
  margin: 5px 0px 7px 0px;
  background-color: Transparent;
  _text-transform: none !important;
  /* IE6 fixes */

  _background-color: white;
  _border: 0;
}
.tag-cloud-page .spaced {
  margin: 10px 0  0 5px;
}
/* ============================================================================== Tag Cloud [End] */
/* ============================================================================= Tag List [Start] */
.tag-info .deleted {
  color: #666666;
  text-decoration: line-through;
}
.tag-info .merge-source, .tag-info .merge-target {
  color: Green;
}
.tag-info .merge-source {
  text-decoration: line-through;
}
.rename-dialog {
  display: none;
}
.rename-dialog input {
  width: 95%;
}
.merge-dialog {
  display: none;
}
.merge-dialog .info, .add-synonym-dialog .info {
  font-size: 0.8em;
  line-height: 1.25em;
}
.merge-dialog .info, .merge-dialog .tag-select, .add-synonym-dialog .info {
  margin-bottom: 0.8em;
}
.add-synonym-dialog input {
  width: 95%;
}
/* ============================================================================== Tag List  [End] */
.container-adwords {
  font-size: 8pt;
  margin-bottom: 7px;
}
.container-adwords a {
  text-decoration: none !important;
}
.container-adwords .title:hover {
  text-decoration: underline;
}
.container-adwords .link {
  color: green;
}
.container-adwords .desc {
  color: #666666;
}
.lqm_ad {
  overflow: hidden;
}
/* Ad list background colour classes */
.AdExpired {
  background-color: Silver;
}
.AdExpiredRecently {
  background-color: Red;
}
.AdExpiringSoon {
  background-color: Orange;
}
.AdRunning {
  background-color: White;
}
.AdPending {
  background-color: Yellow;
}
/* Flight Status classes */
.FS_Deleted {
  background-color: #F8EFFF;
  color: red;
}
.FS_Suspended {
  background-color: #F8EFFF;
  color: #333333;
}
.FS_Critical {
  background-color: yellow;
  color: #ff0000;
  font-weight: bold;
}
.FS_Urgent {
  background-color: #FF9FA3;
}
.FS_Warning {
  background-color: #FC8;
}
.FS_ExpiringSoon {
  background-color: #FFDAAF;
}
.FS_Expired {
  color: #999999;
}
.FS_ExpiredRecently {
  color: #666666;
}
.FS_Running {
  background-color: #64FF3F;
}
.FS_Queued {
  background-color: #BCFDAC;
}
.FS_NeedsWork {
  background-color: #FC8;
}
.FS_NoColor {
  background-color: #FFF;
  color: Black;
}
.FS_Indicator {
  width: 24px;
  height: 24px;
  background-image: url('/script/adserve/images/StatusIndicators.png');
  background-color: Transparent;
  background-repeat: no-repeat;
  background-position: 0px;
}
.FS_Indicator.FS_Critical {
  background-position: -24px;
}
.FS_Indicator.FS_Urgent {
  background-position: -48px;
}
.FS_Indicator.FS_Warning {
  background-position: -72px;
}
.FS_Indicator.FS_ExpiringSoon,
.FS_Indicator.FS_Expired,
.FS_Indicator.FS_ExpiredRecently,
.FS_Indicator.FS_NeedsWork {
  background-position: -96px;
}
.FS_Indicator.FS_Running, .FS_Indicator.FS_Queued {
  background-position: -120px;
}
.FS_Legend {
  border: solid 1px #CCCCCC;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  margin-top: 4px;
  margin-bottom: 4px;
}
.FS_Legend td, .FS_Legend th {
  font-size: 8pt;
}
/* Menu and navigation styles */
.menu1 {
  border-width: 0px;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  background-color: #333333;
  padding: 2px 0px 2px 5px;
  margin: 0px;
}
.menu1 a {
  color: white !important;
}
.menu2 {
  font-size: 9pt;
  font-weight: bold;
  padding-left: 5px;
  background-color: #ffcc66;
  border-bottom-style: solid;
  border-bottom-color: #ff9900;
  border-bottom-width: 1px;
  display: block;
}
.menu2, .menu2 a {
  color: #333333;
  text-decoration: none;
}
.menu2-dropdown {
  border-width: 0px;
  background-color: #ffcc66;
  font-weight: normal;
  position: relative;
  padding: 0px;
  margin-left: 0px;
}
.ie6 .menu2-dropdown {
  margin-left: -5px;
}
.menu2-dropdown .selected {
  background-color: white;
  font-weight: bold;
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
}
.menu3 {
  line-height: 1.15em;
  background-color: #fff8df;
  font-size: 8pt;
  padding: 1px 0px 1px 7px;
}
.menu3, .menu3 a {
  color: #000;
  text-decoration: none;
  display: block;
  *width: 95%;
  /*IE7*/

  _width: 95%;
  /*IE6*/

}
.menu3:hover, .menu3 a:hover {
  background-color: #ffcc66;
}
.navbar-entry {
  color: #000 !important;
  background-color: #c3de6c !important;
  font-weight: bold;
}
.navbar .simple {
  font-weight: normal !important;
  background-color: Transparent !important;
}
.navbar a, #nav {
  padding: 0px;
  margin: 0px;
  list-style: none;
  font-size: 9pt;
  z-index: 200;
  height: 24px;
}
.navbar, #nav ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  background: #488e00;
  border-top: 1px solid #488e00;
}
#nav li {
  float: left;
}
#nav li li {
  float: none;
  border-left: 1px solid #488e00;
  border-right: 1px solid #488e00;
}
#nav li li.last {
  border-bottom: 1px solid #488e00;
}
* html #nav li li {
  float: left;
}
/* a hack for  IE6 */
.navbar {
  border-style: none;
}
.navbar a, #nav li a {
  display: block;
  float: left;
  color: #fff;
  height: 24px;
  padding: 0px 9px;
  line-height: 24px;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bold;
}
#nav li li a {
  display: block;
  float: none;
  height: 19px;
  line-height: 19px;
  font-size: 9pt;
  padding: 0px 5px 0px 5px;
  font-weight: normal;
  letter-spacing: 0px;
}
#nav li li a.fly {
  white-space: nowrap;
}
a.fly.highlight {
  border: 1px solid Yellow;
  margin: 5px 0 !important;
  padding: 3px !important;
}
.navbar a.fly:hover, #nav li:hover {
  position: relative;
  z-index: 300;
  background-color: #c3de6c;
}
#nav > li:hover {
  -moz-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.4);
}
.navbar a:hover, #nav li.open {
  position: relative;
  z-index: 300;
  background-color: #c3de6c;
}
#nav li.open a {
  color: #000;
  background-color: #c3de6c;
}
#nav li li a {
  color: #fff;
  font-weight: bold;
}
#nav li li.open > a {
  color: #fff;
  font-weight: bold;
}
#nav li.openable:hover ul {
  left: 0px;
  top: 24px;
  z-index: 500;
}
/* openable = CSS hover effect */
#nav li.open ul {
  left: 0px;
  top: 24px;
  z-index: 500;
}
/* open = jQuery powered hover */
#nav ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  -moz-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.4);
}
* html #nav ul {
  width: 2px;
}
#nav li.openable:hover li.openable:hover > ul {
  left: -5px;
  margin-left: 100%;
  top: -1px;
  z-index: 500;
}
#nav li.openable:hover > ul ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: auto;
}
#nav li:hover > a, #nav li a.selected {
  color: #000 !important;
  background-color: #c3de6c !important;
  font-weight: bold;
}
#nav li li:hover > a.fly {
  color: #000 !important;
  background-color: #c3de6c !important;
  font-weight: bold;
}
#nav .heading {
  white-space: nowrap;
  color: White !important;
  font-weight: bold;
  margin: 7px 0 3px 3px;
  padding: 2px;
  background-color: #488e00;
}
#nav li:hover.heading {
  color: #000 !important;
  background-color: #c3de6c !important;
}
#nav li li a.fly,
#nav li li li a.fly,
#nav li li li li a.fly,
#nav li li li li li a.fly,
#nav li li li li li li a.fly {
  color: White !important;
  background-color: #488e00 !important;
  font-weight: bold;
  padding-left: 10px;
}
/*
.navbar a:hover,
#nav li.open li.open a,
#nav li.open li.open li.open a,
#nav li.open li.open li.open li.open a,
#nav li.open li.open li.open li.open li.open a,
#nav li.open li.open li.open li.open li.open li.open a
{color:#000 !important; background-color:@ColourBack-MenuHover !important; font-weight:bold;}

#nav li.open li.open li a,
#nav li.open li.open li.open li a,
#nav li.open li.open li.open li.open li a,
#nav li.open li.open li.open li.open li.open li a
{color:#000 !important; background-color:@ColourBack-MenuHover !important;font-weight:bold;}
*/
#nav li.open li.open ul,
#nav li.open li.open li.open ul,
#nav li.open li.open li.open li.open ul,
#nav li.open li.open li.open li.open li.open ul {
  left: 100%;
  margin-left: -5px;
  top: -1px;
}
#nav li.open ul ul,
#nav li.open li.open ul ul,
#nav li.open li.open li.open ul ul,
#nav li.open li.open li.open li.open ul ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
.fly.break {
  border-bottom: solid 1px #c3de6c;
  height: 20px;
}
.fly-menu {
  position: absolute;
  right: 5px;
}
a:hover .fly-menu {
  *display: none;
}
.tab-container {
  border-bottom: solid 1px #ff9900;
  width: 100%;
  zoom: 1;
  /* IE hasLayout. FF OK */

}
.tab-selected {
  background-color: #ffcc66;
  border: 1px #ffcc66 solid;
  border-bottom: 0;
  font-weight: bold;
  font-size: 9pt;
  padding: 5px;
  color: #333333;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}
.tab-unselected {
  border: 1px #ffcc66 solid;
  border-right: #999 1px solid;
  border-bottom-color: transparent;
  background-color: #fff8df;
  font-weight: bold;
  font-size: 9pt;
  padding: 5px;
  color: #666666;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}
.tab-unselected a {
  color: #666666;
}
.tab-unselected:hover {
  background-color: #ffcc66;
  border: 1px #ffcc66 solid;
  border-right: #999 1px solid;
  border-bottom: 0;
  color: Black;
}
.tab-unselected a:hover {
  color: #333333;
  text-decoration: none;
}
.tab-nav {
  padding: 0px;
  margin-bottom: 1px;
}
.tab-nav a {
  font: 13px verdana;
  /* Forces layout to work */

  text-decoration: none;
  background-color: #fbedbb;
  border: 1px solid #ff9900;
  padding: 5px 5px 4px 5px;
  margin-right: -2px;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}
.tab-nav a.selected {
  border-bottom-color: #fff8df;
}
.tab-nav img {
  border: 0px;
  margin-bottom: 3px;
  vertical-align: middle;
}
.chrome .tab-nav img {
  margin-bottom: 2px;
}
.opera .tab-nav img {
  margin-bottom: 4px;
}
.tab-nav a.selected, .tab-panel .box, .tab-nav a:hover {
  background: #fff8df;
}
/* ========== Speech bubble ==============*/
.speech-bubble-container-down,
.speech-bubble-container-up,
.speech-bubble-container-up-right,
.speech-bubble-container-left,
.speech-bubble-container-right {
  position: relative;
}
.ie .speech-bubble-container-up {
  margin-top: -10px;
}
.speech-bubble-up,
.speech-bubble-down,
.speech-bubble-left,
.speech-bubble-right {
  padding: .6em;
  border: 2px solid #ff9900;
  /*border: 2px solid rgba(255, 153, 0, 0.5);*/

  background-color: #ffffcc !important;
  margin: 15px;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  white-space: normal;
}
.speech-bubble-down {
  margin-bottom: 0px;
}
.tooltip .speech-bubble-up,
.tooltip .speech-bubble-down,
.tooltip .speech-bubble-left,
.tooltip .speech-bubble-right {
  -moz-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.5);
}
.speech-bubble-pointer-down, .speech-bubble-pointer-down-inner {
  width: 0;
  height: 0;
  border-bottom-width: 0;
  background: none;
}
.speech-bubble-pointer-down {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 1px solid #ff9900;
  border-top-width: 14px;
  margin-left: 35px;
  margin-bottom: 15px;
  _display: none;
  /* hide from IE6 */
}
.speech-bubble-pointer-down-inner {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #ffffcc;
  margin-left: -5px;
  margin-top: -16px;
  position: absolute;
  _display: none;
  /* hide from IE6 */

}
.speech-bubble-pointer-up, .speech-bubble-pointer-up-inner {
  width: 0;
  height: 0;
  border-top-width: 0;
  background: none;
}
.speech-bubble-pointer-up {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 1px solid #ff9900;
  border-bottom-width: 14px;
  margin-left: 35px;
  position: absolute;
  top: -12px;
  _display: none;
  /* hide from IE6 */
}
.speech-bubble-pointer-up-inner {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #ffffcc;
  margin-left: -5px;
  margin-bottom: -16px;
  padding-top: 4px;
  position: absolute;
  _display: none;
  /* hide from IE6 */

}
.speech-bubble-container-up-right .speech-bubble-pointer-up {
  margin-left: 0;
  margin-right: 0px;
  right: 35px;
}
.speech-bubble-pointer-left, .speech-bubble-pointer-left-inner {
  width: 0;
  height: 0;
  background: none;
}
.speech-bubble-pointer-left {
  border-color: transparent #ff9900 transparent transparent;
  border-style: solid;
  border-width: 10px 10px 10px 0px;
  margin-left: 6px;
  position: absolute;
  top: 10px;
  _display: none;
  /* hide from IE6 */
}
.speech-bubble-pointer-left-inner {
  border-color: transparent #ffffcc transparent transparent;
  border-style: solid;
  border-width: 8px 8px 8px 0px;
  margin-left: 3px;
  margin-top: -8px;
  padding-top: 0px;
  position: absolute;
  _display: none;
  /* hide from IE6 */

}
.speech-bubble-pointer-right, .speech-bubble-pointer-right-inner {
  width: 0;
  height: 0;
  background: none;
}
.speech-bubble-pointer-right {
  border-color: transparent transparent transparent #ff9900;
  border-style: solid;
  border-width: 10px 0px 10px 10px;
  right: 5px;
  position: absolute;
  top: 35px;
  _display: none;
  /* hide from IE6 */
}
.speech-bubble-pointer-right-inner {
  border-color: transparent transparent transparent  #ffffcc;
  border-style: solid;
  border-width: 8px 0px 8px 8px;
  margin-left: -12px;
  margin-top: -8px;
  padding-top: 0px;
  position: absolute;
  _display: none;
  /* hide from IE6 */

}
.speech-bubble-image {
  float: left;
  width: 24px;
  height: 24px;
  margin: 0 5px 30px 5px;
  border: none;
}
.tooltip {
  position: relative;
  text-decoration: none;
}
* + html .tooltip:hover {
  z-index: 5;
}
/* IE7 standards */
.tooltip .speech-bubble-container-up,
.tooltip .speech-bubble-container-down,
.tooltip .speech-bubble-container-left,
.tooltip .speech-bubble-container-right,
.tooltip .speech-bubble-container-up-right,
.tooltip .tooltip-flyout {
  display: none;
}
a:hover.tooltip {
  text-decoration: none !important;
}
.tooltip:hover .speech-bubble-container-up-right, .tooltip:hover .speech-bubble-container-up {
  text-decoration: none !important;
  position: absolute;
  left: -35px;
  display: block;
  width: 150px;
  color: black !important;
  cursor: text;
  z-index: 10000;
}
.tooltip:hover .speech-bubble-container-up-right {
  left: -120px;
}
.opera .tooltip:hover .speech-bubble-container-up-right {
  left: -180px;
}
.tooltip:hover .speech-bubble-container-up-right .speech-bubble-pointer-up, .tooltip:hover .speech-bubble-container-up .speech-bubble-pointer-up, .tooltip:hover .tooltip-flyout {
  top: 3px;
  z-index: 10000;
}
.tooltip:hover .speech-bubble-container-down {
  text-decoration: none !important;
  position: absolute;
  left: -35px;
  bottom: 0px;
  display: block;
  width: 150px;
  color: black !important;
  cursor: text;
  z-index: 10000;
}
.tooltip:hover .speech-bubble-container-down .speech-bubble-pointer-down {
  bottom: 3px;
  z-index: 10000;
}
.tooltip:hover .speech-bubble-container-left {
  text-decoration: none !important;
  position: absolute;
  left: 15px;
  top: -35px;
  display: block;
  width: 150px;
  color: black !important;
  cursor: text;
  z-index: 10000;
}
.tooltip:hover .speech-bubble-container-left .speech-bubble-pointer-left {
  bottom: 3px;
  z-index: 10000;
}
.tooltip:hover .speech-bubble-container-right {
  text-decoration: none !important;
  position: absolute;
  right: -165px;
  top: -35px;
  display: block;
  width: 250px;
  color: black !important;
  cursor: text;
  z-index: 10000;
}
.tooltip:hover .speech-bubble-container-right .speech-bubble-pointer-right {
  bottom: 3px;
  z-index: 10000;
}
.tooltip-flyout {
  position: relative;
  padding: .6em;
  border: 1px solid #ff9900;
  background-color: white;
  margin: 15px;
  text-decoration: none;
  z-index: 10000;
  white-space: normal;
}
.tooltip:hover .tooltip-flyout {
  text-decoration: none !important;
  position: absolute;
  left: -15px;
  top: -3px;
  display: block;
  width: 150px;
  color: black !important;
  font-weight: normal;
  text-align: left;
  cursor: text;
  z-index: 5000;
  /*padding:0;*/

  -moz-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.4);
}
.ie .tooltip:hover .tooltip-flyout {
  top: -5px;
}
.tooltip-flyout div {
  display: block;
  z-index: 5000;
  margin: 0 2px;
  padding: 1px 5px;
}
.tooltip-flyout div a {
  display: block;
}
/* Hide pointed in IE7 and below */
* + html .speech-bubble-pointer-up,
* + html .speech-bubble-pointer-down,
* + html .speech-bubble-pointer-left,
* + html .speech-bubble-pointer-right {
  display: none;
}
/* ----------------------------------
	Styling for Comments 
---------------------------------- */
.CommentContainer {
  margin: 5px 4px 10px 10px;
  border-top: 1px solid #fbedbb;
  zoom: 1;
  /* IE hasLayout. FF OK */

}
.CommentContainer a {
  text-decoration: none;
}
.CommentContainer img {
  outline: none;
  border: none;
}
.CommentHeader, .CommentFooter {
  background-color: #fbedbb;
  text-align: left;
}
.comment-item {
  font-size: 11px;
  color: #666666;
  padding: 9px 0;
  border-bottom: 1px solid #fbedbb;
  min-height: 1px;
}
.comment-item.first {
  border-top: none;
}
.CommentContainer td {
  padding: 1px 12px 1px 5px;
}
.CommentButtonBar {
  padding: 15px 0 5px;
}
.CommentButton {
  border: 1px solid #ff9900;
  background-color: #fbedbb;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.CommentButtonLite {
  border: none;
  font-weight: lighter;
}
.CommentCommands {
  float: right;
  opacity: 0.25;
  filter: alpha(opacity=25);
}
.hover-row:hover .CommentCommands {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.comment {
  padding: 0px 0px 2px 0px;
  /*max-height:400px;
	overflow:auto;*/

  white-space: pre-wrap;
  /* css-3 */

  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */

  white-space: -pre-wrap;
  /* Opera 4-6 */

  white-space: -o-pre-wrap;
  /* Opera 7 */

  word-wrap: break-word;
  /* Internet Explorer 5.5+ */

  _white-space: pre;
  /* IE only hack to re-specify in addition to word-wrap  */

}
.CommentAddForm, CommentReplyForm, CommentEditForm {
  text-align: center;
  background-color: #fbedbb;
  border-top: 1px solid #488e00;
}
.CommentEditForm textarea, .CommentAddForm textarea, .CommentReplyForm textarea {
  min-height: 4em;
  max-height: 100px;
  clear: both;
  margin: auto;
  width: 98%;
  white-space: pre-wrap;
  /* css-3 */

  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */

  white-space: -pre-wrap;
  /* Opera 4-6 */

  white-space: -o-pre-wrap;
  /* Opera 7 */

  word-wrap: break-word;
  /* Internet Explorer 5.5+ */

  _white-space: pre;
  /* IE only hack to re-specify in addition to word-wrap  */

  overflow: auto;
}
.CommentList {
  overflow: visible;
}
.CommentHighlight {
  background-color: #fff8df;
  color: #000;
}
.MyComment .comment-author {
  font-weight: bold;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after, .container:after {
  display: block;
  content: '.';
  visibility: hidden;
  height: 0px;
  clear: both;
}
* html .clearfix, * html .container {
  zoom: 1;
  /* trigger hasLayout to force correct composition */

}
.clearfix, .container {
  display: inline-block;
  /* Mac IE5  sees this */

  /* Mac IE5 comment hack \*/

  display: block;
  /* Mac IE5 doesn't see this, but everyone else does */

}
* + html .clearfix, * + html .container {
  zoom: 1;
}
#map a.sitemap, #siteMap a.sitemap {
  color: blue !important;
  background-color: white !important;
  font-weight: normal;
  font-size: 8pt !important;
  line-height: normal  !important;
  height: auto  !important;
  display: block;
}
#map h3 a.sitemap, #siteMap h3 a.sitemap {
  font-weight: bold !important;
  color: #ff9900 !important;
  background-color: white !important;
  font-size: 9pt !important;
}
#map h3, #siteMap h3 {
  margin-top: 0px;
  margin-bottom: 5px;
  padding-top: 0px;
}
.sitemap {
  background-color: White;
}
.sitemap-anchor {
  position: relative;
}
.sitemap-anchor #map {
  display: none;
  height: 0px;
  width: 0px;
  background-color: White;
}
a:hover .sitemap-anchor #map {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  border: solid 1px #ff9900;
  z-index: 1000;
  background-color: White;
  -moz-box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.4);
}
/* Tabs
----------------------------------*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
  /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
  
  .ui-tabs-hide {
    display: none !important;
  }
}
/* Hide useless elements in print layouts... */
@media print {
  .ui-tabs-nav {
    display: none;
  }
}
.ui-wrapper {
  border: 1px solid #ff9900;
}
.ui-wrapper input, .ui-wrapper textarea {
  border: none;
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
  font-size: 12px;
}
.ui-tabs-panel.theme {
  background-color: #fffef7 !important;
  border-width: 2px !important;
}
.ui-tabs-nav {
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 3px;
  background-color: white;
  border: none;
}
.ui-tabs-nav:after {
  /* clearing without presentational markup, IE gets extra treatment */

  display: block;
  clear: both;
  content: " ";
}
.ui-tabs-nav li {
  display: inline;
  margin: 0px 0px 0px 2px;
  font-weight: bold;
  border: none;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
  float: left;
  /*fixes dir=ltr problem and other quirks IE */

  font-weight: bold;
}
.ui-tabs-nav a {
  padding-left: 0px;
  text-decoration: none;
  white-space: nowrap;
  /* @ IE 6 */

  outline: none;
  /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
  color: #333;
}
.ui-tabs-nav .ui-tabs-selected a {
  color: Black;
}
.ui-tabs-nav a span {
  margin-bottom: 0px;
  border: 1px #ffcc66 solid;
  border-right: #999 1px solid;
  border-bottom: none;
  background-color: #fff8df;
  font-weight: bold;
  padding: 5px;
  color: #333333;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span {
  padding-top: 0px;
  color: Black;
  background-color: #ffcc66;
  padding: 5px;
  color: #333333;
  text-decoration: none;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited {
  /* @ Opera, use pseudo classes otherwise it confuses cursor... */

  cursor: text;
}
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active {
  /* @ Opera, we need to be explicit again here now... */

  cursor: pointer;
}
.ui-state-hover span {
  background-color: #ffcc66 !important;
}
.ui-tabs-disabled {
  opacity: .4;
  filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
  color: #000;
}
.ui-tabs-panel {
  display: block;
  clear: both;
  border: 1px solid #ff9900 !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px;
  background: #fff;
  /* declare background color for container to avoid distorted fonts in IE while fading */

}
/*.ui-tabs-loading em {
	padding: 0px 0px 0px 20px;
	background: url(loading.gif) no-repeat 0 50%;
}*/
/* Alert bar */
.alert-bar {
  top: 0px;
  left: 0px;
  z-index: 105;
  background-color: #ffffcc;
  /* background color must be declared to avoid distorted fonts in IE while fading */

  border-bottom: 1px solid #ff9900;
  overflow: hidden;
  font-weight: bold;
  width: 100%;
}
.alert-bar div {
  width: 95%;
  float: right;
  padding: 5px;
}
.alert-bar-command {
  font-size: 8pt;
  text-align: right;
  float: right;
  margin: -24px 0 0 0;
}
.alert-bar-command a {
  border-bottom: 1px dotted orange;
}
.alert-bar.overlay {
  position: absolute;
}
.close-notify {
  font-family: Arial, Sans-Serif;
  font-size: 13pt;
  font-weight: bold;
  float: right;
  color: black;
  text-decoration: none;
  border: 2px #ffcc66 solid;
  padding: 0px 4px;
  margin-top: 2px;
  margin-right: 10px;
}
a.close-notify:hover {
  border: 2px #ff9900 solid;
  background-color: #ffcc66;
  text-decoration: none;
}
.close-notify a, .close-notify a:visited {
  color: black;
}
a.videoPlayer {
  display: block;
  width: 350px;
  height: 350px;
  text-align: center;
  margin: 15px 5px 15px 5px;
  border: solid 1px #999;
  background: url(/images/flowplayer-start.png) no-repeat -5px -10px;
}
a.videoPlayer img {
  margin-top: 135px;
  border: 0px;
}
div.ClickToAdd {
  border: dashed 1px #CCCCCC;
  margin: 10px 5px 10px 5px;
  padding: 10px;
  color: #333333;
}
div.ClickToAddHover:hover {
  border: solid 1px #CCCCCC;
  margin: 10px 5px 10px 5px;
  padding: 10px;
  background-color: #EFEFEF;
  color: #999999;
}
div.ClickToAdd h1 {
  color: #666666;
}
div.ClickToAdd:hover h1 {
  color: #999999;
}
div.FullWidthBox {
  width: 95%;
}
div.UploadBox {
  width: 15%;
  float: right;
  vertical-align: top;
  display: inline;
  height: 80%;
  min-height: 80%;
}
file.UploadFileField, input.UploadFileField {
  font-size: x-small;
  height: 16px;
  width: 80%;
  vertical-align: top;
  border: dashed 1px #CCCCCC;
}
.UploadedFile {
  width: 85%;
  display: inline-block;
  white-space: nowrap;
}
.UploadFileDeleteLink {
  background-image: url(/images/delete_sm.gif);
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AvailableDownload {
  width: 15%;
  display: inline-block;
  white-space: nowrap;
}
.notification-count {
  background-color: #FF0000 !important;
  color: white !important;
  font-weight: bold;
  margin-right: 3px;
  padding: 0 2px;
}
.notification-count {
  color: white;
}
.notification-count:hover {
  color: white;
}
.notification-count:visited {
  color: white;
}
.notification-list {
  max-height: 400px;
  left: auto !important;
  overflow-y: auto;
  right: -115px;
  width: 350px !important;
}
.notification-table .subject td {
  border-top: 1px solid #eeeeee;
  padding-: 3px 0;
}
.notification-table .content td {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 2px;
  white-space: normal !important;
}
.notification-table {
  border-bottom: 1px solid #eeeeee;
}
.member-message div.tooltip-flyout {
  margin-top: 10px !important;
}
.forum-subscription {
  background-color: #E08900;
  border: 1px solid #FFCC66;
  border-radius: 5px 5px 5px 5px;
  color: white;
  cursor: pointer;
  font-size: 100%;
  font-weight: bold;
  padding: 4px;
  text-decoration: none !important;
  white-space: nowrap;
}