Click here to Skip to main content
Click here to Skip to main content
Add your own
alternative version
Go to top

Small LINQ to JSON Library

, 6 Dec 2011
A small LinqToJSON library in C#, and how it works
LinqToJSON-all.zip
DemoApp
Properties
JSON.Linq
ClassDiagram1.cd
internal
JSON.Linq.sln.docstates
JSON.Linq.suo
Properties
public
Ranslant.JSON.Linq.dll
LINQToJSON-dll.zip
Ranslant.JSON.Linq.dll
LinqToJSON-doc.zip
doc
Linq.Json_fichiers
LinqToJSON-src.zip
ClassDiagram1.cd
JSON.Linq.sln.docstates
JSON.Linq.suo
/* Main Theme */
/* Main theme, headings									*/
/* Sub theme, Side Menu backgrounds						*/
/* Sub-sub theme. Feature and menu backgrounds			*/
/* Sub-sub-sub theme. Widget backgrounds				*/
/* Sub-sub-sub-sub theme. Feature and menu backgrounds	*/
/* Menu bar 											*/
/* Site dropdown menu highlight/hover					*/
/* heading text											*/
/* hyperlinks                                           */
/* Visited hyperlinks									*/
/* Makes button elements match the main theme colour	*/
/* 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.

*/
.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%;
}
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: 1.2em;*/

}
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;
}
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;
}
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-width: 2px;
  border-style: outset;
  font-weight: bold;
  text-decoration: none !important;
  white-space: nowrap;
  font-size: 100%;
  padding: 2px;
}
button.button {
  font-size: 90%;
}
.button:active {
  border-style: inset;
}
.button:hover, .button-large:hover {
  border-style: outset;
}
.button-large {
  font-size: 10pt !important;
  padding: 4px 9px;
}
div a.button.safe, div a.button.unsafe {
  color: white !important;
}
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 {
  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;
}
.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 {
  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-borderbottom-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-borderbottom-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;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.popup {
  display: none;
}
/* use with: container:hover .popup { display:block } */
.raised {
  background-color: #fff8df;
  -moz-box-shadow: #999999 5px 5px 10px 1px;
  -webkit-box-shadow: #999999 5px 5px 10px 1px;
  box-shadow: #999999 5px 5px 10px 1px;
}
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: 13px !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: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 ease-in;
  -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: #ffcc99;
  -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 ease-in;
  -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: white;
  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;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: left;
}
/* 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;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  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: 9pt;
  font-family: Verdana, arial, Sans-Serif;
  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;
  -moz-border-radius: 10px;
  -webkit-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;
}
.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;
}
.draft .title {
  font-weight: bold;
}
.draft .modified {
  font-style: normal;
  font-weight: bold;
  font-size: 10pt;
}
.draft .modified:before {
  content: "";
}
.draft .author {
  font-weight: bold;
}
.draft .edit {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #ff9900;
  background-color: #fbedbb;
  padding: 0 3px;
  font-size: 8pt;
}
.draft .delete {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-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-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 {
  width: 60px;
  white-space: nowrap;
}
.editor-messages {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 250px;
  background-color: white;
  border: 1px solid #ff9900;
  margin-left: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
  margin: 5px;
  padding: 5px;
  box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.2);
}
.ie6 .editor-messages {
  width: 250px;
}
.editor-messages .header {
  font-weight: bold;
  padding: 5px !important;
  background-color: #fff8df !important;
  font-size: 9pt;
  width: auto !important;
  margin-right: 0 !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.editor-messages .close-notify {
  font-family: verdana, sans serif;
  font-size: 10px;
  padding: 2px 1px;
  margin-bottom: 4px;
  margin-right: -1px;
  margin-top: -2px;
  background-color: #fff8df !important;
  border-color: #ffcc66;
}
.editor-messages .BdSel {
  padding: 0 5px;
}
.paste-options label {
  display: inline-block;
  width: 100%;
  margin: 3px 0 0 24px;
  cursor: pointer;
}
.editor-messages td {
  white-space: nowrap;
}
.ie7 .paste-options label {
  display: inline;
}
.ie7 .editor-messages .extended {
  width: auto !important;
}
.ie7 #expando {
  width: 300px;
}
.paste-options tr:hover {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #fff8df !important;
  border: 1px solid #ffcc66;
}
.paste-preview {
  font-size: 8pt;
  height: 180px;
  overflow: hidden;
  padding: 5px 0;
  width: 240px;
}
.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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 5px 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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 5px 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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 5px 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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 5px 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: Red  !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;
}
.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;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.announce-homepage {
  font-size: 17px;
  margin: 4px;
  white-space: nowrap;
  font-weight: bold;
  border: solid 1px black;
  background-color: #76AB40;
  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: 8pt; */

}
/* used in articles */.ArticleTable tr.alt-item, table.grid tr.alt-item {
  background-color: #FEF9E7;
}
/* 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: #FEF9E7;
}
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: #FEF9E7;
}
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 .title {
  font-size: 10pt;
  padding: 3px 0;
  line-height: 1.3em;
  font-weight: bold;
}
.homepage .doctype {
  color: #666;
  font-size: 8pt;
}
.homepage .doctype img {
  vertical-align: bottom;
  padding-right: 3px;
}
.homepage .description {
  line-height: 1.3em;
  color: #333333;
  font-size: 8pt;
  padding-bottom: 8px;
}
.homepage .author {
  font-size: 8pt;
  font-weight: bold;
  color: #333333;
}
.homepage .header {
  background-color: #76AB40;
  color: White;
}
.homepage .modified {
  font-style: normal;
  font-weight: bold;
}
.homepage .modified:before {
  content: "";
}
.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 .new,
.homepage .updated,
.homepage .moved,
.homepage .deleted {
  font-size: 8pt;
}
.homepage .sidebar {
  width: 318px;
  min-width: 223px;
  padding-left: 10px;
  margin: 0;
  background-color: White;
  border-style: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-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;
  -moz-border-radius: 5px;
  -webkit-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 {
  margin-right: 10px;
  white-space: nowrap;
}
.container-article .text {
  padding: 10px;
  max-width: 800px;
  margin-right: 230px;
}
.container-article .infobox {
  color: #333;
  width: 200px;
  /*line-height:1em;*/

  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: 10px;
  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 {
  width: 945px;
  margin: auto;
}
.container-submission .infobox td {
  height: 20px;
}
.container-submission .text-sidebar {
  float: right;
  min-height: 100%;
  padding: 7px 7px 0 10px;
  width: 210px;
  position: relative;
}
.container-submission .title {
  font-size: 17pt;
  line-height: 1.3em;
  font-weight: bold;
  margin: 12px 0 3px;
}
.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;
}
.feature-article {
  background-color: #fff8df;
  border: 1px solid #ff9900;
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-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;
}
.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: #fffaf0;
  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 .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.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, .tip .text {
  margin-right: 330px;
}
.question .text-sidebar, .tip .text-sidebar {
  width: 300px;
  font-size: 8pt;
  border: none;
  background-color: white;
  position: absolute;
  top: 0px;
  right: 0px;
  min-height: 100%;
  padding: 7px 7px 0 10px;
  border-left: solid 1px #eeeeee;
}
.text-sidebar .filter {
  padding: 0 0 5px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #ddd;
}
.text-sidebar .filter legend {
  margin: 0 5px;
  color: #999;
}
.question .header, .tip .header {
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  _width: 60%;
  /* IE6 hack */

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

  margin-left: 25px;
  font-size: 8pt;
}
.question .nav-links a, .tip .nav-links a {
  border: 1px solid white;
  padding: 4px 3px 3px 3px;
}
.question .nav-links a:hover, .tip .nav-links a:hover {
  border: 1px solid #ff9900;
  background-color: #fbedbb;
  text-decoration: none;
}
.question h1 {
  margin-top: 4px;
}
.question .nav-links img, .tip .nav-links img {
  vertical-align: top;
}
.question .container-content, .tip .container-content {
  border-left: none;
  border-right: none;
}
/* Forum ======================================================================================== */
.forum {
  background-color: #fff8df;
  border-color: #ff9900 !important;
  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: #fbedbb;
  font-size: 8pt;
  vertical-align: middle;
}
.forum-header2, .forum-header2 TD {
  color: #000000;
  background-color: #ff9900;
  font-size: 8pt;
  vertical-align: middle;
}
.forum-footer, .forum-footer TD {
  color: #000000;
  background-color: #fbedbb;
  font-size: 8pt;
  padding: 3px;
}
.forum-navbar, .forum-navbar TD {
  color: #000000;
  background-color: #fbedbb;
  font-size: 8pt;
  padding-top: 5px;
}
.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;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  white-space: normal;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
}
.forum-guidelines p {
  font-size: 8pt;
}
.forum-guidelines li {
  font-size: 8pt;
  margin-left: -15px;
}
.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;
}
/* 
	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;
  /* line-height:1.25em; */
}
.HdSel, .HdSel td {
  background-color: #B2D8FF !important;
}
.HdUnSel, .HdUnSel td {
  background-color: #fffaf0;
}
.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: 10px;
  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: #FEF9E7;
  font-size: 95%;
}
.Frm_DropDown {
  background-color: #FEF9E7;
  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/cross16.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: #FFCC99;
  border-style: solid;
  padding: 1px;
  margin: 0px;
}
.toolbarDown {
  border-width: 1px;
  border-color: #ff9900;
  background-color: #FFCC99;
  border-style: outset;
  padding: 1px;
  margin: 0px;
}
.toolbarUp {
  border-width: 1px;
  border-color: #ff9900;
  background-color: #FFCC99;
  border-style: outset;
  padding: 1px;
  margin: 0px;
}
.ForumTitle {
  font-size: 14pt;
  font-weight: bold;
  color: Black;
}
/*
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 */
.member-message .tooltip-flyout div {
  margin: 5px !important;
  white-space: normal !important;
}
.nav-memberbar {
  border-bottom: solid 1px #ff9900;
  color: #333333;
  font-size: 11px;
  letter-spacing: -1px;
  padding: 0 5px 1px 5px;
  zoom: 1;
  /* IE force hasLayout. FF OK */

}
.member-stats {
  font-size: 11px;
  color: #666666;
  letter-spacing: 0px;
  font-weight: bold;
  text-align: left;
}
.member-rep-box {
  padding: 1px;
  margin: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-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;
  -moz-border-radius: 7px;
  -webkit-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;
}
.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: 13px;
  font-weight: bold;
  padding: 2px 2px 2px 5px;
}
.survey .content {
  font-size: 8pt;
  padding: 3px;
  padding-top: 5px;
  background-color: #fffaf0;
  border: 1px solid #ff9900;
  border-top-style: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.survey .question {
  width: 90%;
  padding: 10px;
  background-color: #fffaf0;
}
.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;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 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 5px 5px 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;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 5px 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-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: #fffaf0;
  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: 17pt;
}
.zone h2.divider {
  font-size: 12pt;
}
.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: #fffaf0;
  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: bold 8pt/1.05 Arial, Helvetica, sans-serif;
  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: bold 9pt/1.05 Arial, Helvetica, sans-serif;
  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: normal 9pt/1.05 Arial, Helvetica, sans-serif;
  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: #fffaf0;
}
/* 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 @Theme1_color;*/

}
.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 #Browse {
  height: 20px;
  position: relative;
  /* delete */

}
/* Must have .button *below*, but at same location, as .file, with file "hidden" */
.file-upload #Browse .button {
  z-index: 0;
  float: right;
}
.file-upload #Browse .file {
  z-index: 1;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  cursor: pointer;
}
.file-upload #Browse .file, .file-upload #Browse .button {
  position: absolute;
  top: 0px;
  right: 0px;
}
.file-upload #UploadGroup * {
  float: right;
}
.file-upload .file-list {
  margin: 0px;
  padding: 10px 0 0 0;
  list-style-type: none;
  list-style-position: inside;
}
.file-upload .file-list li {
  margin-bottom: 3px;
  /*	position: relative;
	clear: both;
	border: solid 1px #E5E5E5;
	background-color: #FAFAFA;
	padding: 5px; */

}
.file-upload .file-list li input {
  float: right;
  width: 210px;
}
.file-upload .file-list li .Close {
  float: right;
}
.file-upload .file-list li img {
  border: none;
}
/* ======================================================================= 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: #fffaf0;
  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: smaller;
}
.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: 16px;
  color: #004cd5;
}
.Answer {
  font-weight: normal;
  font-size: 12px;
  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;
}
#ShortMode, #SingleLineMode {
  font-size: 11px;
}
#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 {
  /*border: 1px solid #ccc;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;*/

  font-size: 14pt !important;
  letter-spacing: 0;
  margin: 12px 0 0 0 !important;
  padding: 3px;
}
.topics .t {
  font-size: 14pt !important;
}
.container-article .mainlinks {
  margin-top: 5px;
  line-height: 22px;
  white-space: nowrap;
  min-width: 645px;
}
.container-article .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-article .mainlinks a:hover {
  border: 1px solid #ff9900;
  background-color: #ffcc66;
  text-decoration: none;
  color: black;
}
.container-article .mainlinks .ask {
  margin-right: 20px;
  border: 2px solid #ff9900;
  background-color: #FFAE2F;
}
.container-article .mainlinks .rss, .container-article .mainlinks .rss:hover {
  vertical-align: middle;
  border: 0;
  background-color: white;
}
.container-article .mainlinks .ask:hover {
  border: 2px solid #ff9900;
}
.container-article .mainlinks .faq {
  margin-left: 10px;
  border: 1px solid #c3de6c;
  background-color: #c3de6c;
}
.question .text-sidebar, .tip .nav-right {
  float: left;
  margin-left: -330px;
}
.question.HiVote a, .answer.HiVote a, .alternative.HiVote a {
  color: #004cd5 !important;
}
.question.LoVote a, .answer.LoVote a, .alternative.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;
}
.QAMainLnk {
  font-size: 14pt !important;
  font-family: Arial, Sans-Serif;
  text-decoration: none;
  cursor: pointer;
  padding: 1px 5px;
  font-weight: bold;
  border: solid 1px transparent;
  color: blue;
}
.QAMainLnk:hover {
  background-color: #E6FFCC;
  border: solid 1px #ff9900;
  text-decoration: none !important;
}
.QAMainLnk:active {
  background-color: #76AB40;
  border-color: #ff9900;
}
.QAParent {
  background-color: #EDF8FF;
  margin-bottom: 10px;
  padding: 5px;
}
.qa-list {
  border: 1px solid #FFE9BD;
  width: 100%;
}
.qa-list .title {
  /*line-height:1.3em;*/

  font-weight: bold;
  font-size: 13px;
  padding-bottom: 3px;
  margin: 0;
}
/*.qa-list .title a {  color:@Link_color; }*/
.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: 14pt !important;
  text-align: center;
  width: 55px;
  border: 1px solid #ffcc66;
  background-color: #fff8df;
  /*line-height:1em;*/

}
.qa-list .answered {
  /*font-weight:bold;
	color:@Link_color;*/

  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;
  float: right;
  color: #666;
}
.tip .rate-item, .alternative .rate-item {
  align: right;
  float: right;
  color: #666;
}
.question .rate-group, .answer .rate-group {
  float: right;
  margin-left: 15px;
  width: 340px;
}
.tip .rate-group, .alternative .rate-group {
  float: right;
  margin-left: 15px;
  width: 350px;
}
/* =============================== Entry [Start] */
.answer, .alternative {
  margin-top: 30px;
  margin-bottom: 5px;
  /*padding: 5px;*/

  padding-right: 1px;
  border-top: solid 1px #ff9900;
}
.answer .header, .alternative .header {
  width: 100%;
  padding: 10px 0px;
  border-style: none;
}
.answer.first, .alternative.first {
  margin-top: 0px;
  border-top-style: none;
}
.container-article .answer, .container-article .alternative {
  /*padding: 0px 17px 0px 10px;*/

}
.answer .text, .alternative .text {
  zoom: 1;
  /* force IE hasLayout */

  background-color: transparent;
  width: 99%;
  padding: 5px 10px 25px 5px;
}
.fluid .text {
  max-width: 10000px;
}
.alternative div.header {
  padding: 5px 0px;
}
.answer .accepted {
  border: solid 1px #004cd5;
  background-color: #D9EF95;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
}
.answer .accepted-community {
  background-color: #E2FECC;
}
.tip .comment-header, .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;
}
/*
.text .HiVote
{
	background-color:#E6FFCC;
	color:inherit !important;
}
*/
.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: 15px;
}
* + 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: 14pt;
  text-align: center;
  padding: 5px 0px;
}
.QAAnsw {
  background-color: #C3de63;
  border: solid 1px #ff9900;
  border-bottom-style: none;
  font-size: 14pt;
  text-align: center;
  padding: 5px;
}
.QAAnswAcceptedAnswer {
  background-color: #C3de63;
  border: solid 1px #ff9900 !important;
  border-bottom-style: none;
  font-size: 14pt;
  text-align: center;
  padding: 5px;
}
.QANoAnsw {
  background-color: #ffcc66;
  border: solid 1px #ff9900;
  border-bottom-style: none;
  font-size: 14pt;
  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: #fffaf0;
  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] */
/*================================ Certificate Styles =======================================*/
.CertificateViewDetailLabel {
  text-align: left;
  vertical-align: top;
  width: 250px;
}
#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;
  /*font-family: Arial, Helvetica, Sans-Serif;*/

  text-align: left;
}
.cloud .header {
  padding: 2px 2px 2px 5px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12pt !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: 12px;
  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: 12px;
  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: 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: 12pt;
  padding: 3px;
  text-align: justify;
  line-height: 110%;
}
.cloud-large a {
  padding: 3px;
}
.cloud-large .header {
  font-size: 12pt !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-family: Arial, Verdana, Sans-Serif;
  font-size: 12px;
  /* fixed for layout */

  font-weight: bold;
  background-color: #333333;
  padding: 2px 0px 2px 5px;
  margin: 0px;
}
.menu1 a {
  color: white !important;
}
.menu2 {
  font-family: Arial;
  font-size: 11px;
  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;
  font-family: Tahoma, Arial, sans-serif;
  position: relative;
  padding: 0px;
  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;
  /*position:relative;*/
  z-index: 200;
  height: 24px;
}
.navbar, #nav ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  /*float:left;*/
  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:hover, #nav li:hover {
  position: relative;
  z-index: 300;
  background-color: #c3de6c;
}
#nav > li:hover {
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
}
.navbar a:hover, #nav li.cssplay_hover {
  position: relative;
  z-index: 300;
  background-color: #c3de6c;
}
#nav li.cssplay_hover a {
  color: #000;
  background-color: #c3de6c;
}
#nav li li a {
  color: #fff;
  font-weight: bold;
}
#nav li li.cssplay_hover a {
  color: #fff;
  font-weight: bold;
}
#nav li:hover ul {
  left: 0px;
  top: 24px;
  z-index: 500;
}
#nav li.cssplay_hover ul {
  left: 0px;
  top: 24px;
  z-index: 500;
}
#nav ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
}
* html #nav ul {
  width: 2px;
}
#nav li:hover li:hover > ul {
  left: -5px;
  margin-left: 100%;
  top: -1px;
  z-index: 500;
}
#nav li: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 {
  color: #000 !important;
  background-color: #c3de6c !important;
  font-weight: bold;
}
#nav .heading {
  white-space: nowrap;
  color: #fff !important;
  font-weight: bold;
  margin: 7px 0 3px 3px;
  padding: 2px;
  /*border-bottom: solid 1px @SubTheme2_color;*/
  background-color: #488e00;
}
#nav li:hover.heading {
  color: #000 !important;
  background-color: #c3de6c !important;
}
#nav li li a,
#nav li li li a,
#nav li li li li a,
#nav li li li li li a,
#nav li li li li li li a {
  color: #fff !important;
  background-color: #488e00 !important;
  font-weight: bold;
  padding-left: 10px;
}
.navbar a:hover,
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a {
  color: #000 !important;
  background-color: #c3de6c !important;
  font-weight: bold;
}
#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a {
  color: #000 !important;
  background-color: #c3de6c !important;
  font-weight: bold;
}
#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul {
  left: 100%;
  margin-left: -5px;
  top: -1px;
}
#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover 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;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 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;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 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 {
  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;
}
.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;
  -moz-border-radius: 5px;
  -webkit-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 {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 10px 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;
  _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;
  _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;
  _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;
  _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;*/

  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
}
.ie .tooltip:hover .tooltip-flyout {
  top: -5px;
}
.tooltip-flyout div {
  display: block;
  z-index: 5000;
  white-space: nowrap;
  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;
  -moz-border-radius: 5px;
  -webkit-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;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 10px 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;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -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;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -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;
  -moz-border-radius: 5px;
  -webkit-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;
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Guillaume Ranslant
Software Developer IPG
Germany Germany
since 2010: C# with WPF
since 2002: C++ (MFC / QT)
since 1995: C, Java, Pascal
 

"if a drummer can do it, anobody can" - Bruce Dickinson

| Advertise | Privacy | Mobile
Web02 | 2.8.140926.1 | Last Updated 6 Dec 2011
Article Copyright 2011 by Guillaume Ranslant
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid