/* Panels and Containers */

html
{
  height: auto;
  }

body
{
  margin: 0;
  height: 100%;
  background: #252525 url(../images/background.gif) repeat-y center top;
  }

.CenterPanel
{
  max-width: 994px;
  min-width: 600px;
  height: 100%;
  border-width: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  background-color: #ffffff;
  }

/* Banner Elements */

.BannerPanel
{
  max-width: 978px;
  min-width: 800px;
  height: 120px;
  margin: 0px auto 0px auto;
  border-width: 0px;
  padding: 8px 8px 0px 8px;
  background: #ffffff;
  }

.BannerPanelImageContainer
{
  width: 100%;
  height: 90px;
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  background: #5f0275 url(../images/banner-top.gif);
  }

.BannerPanelGridContainer
{ width: 270px;
  height: 120px;
  margin: 0px;
  border-width: 0px;
  padding: 0px 0px 0px 6px;
  background: #ffffff;;
  float: right;
  }

.BannerPanelGridTop
{ width: 270px;
  height: 57px;
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  background: #333333;
  }

.BannerPanelGridBottomContainer
{ width: 270px;
  height: 57px;
  margin: 0px;
  border-width: 0px;
  padding: 6px 0px 0px 0px;
  background: #ffffff;
  }

.BannerPanelGridBottomLeft
{ width: 132px;
  height: 100%;
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  background: #888888;
  float: left;
  }

.BannerPanelGridBottomRightContainer
{ width: 132px;
  height: 100%;
  margin: 0px;
  border-width: 0px;
  padding: 0px 0px 0px 6px;
  background: #ffffff;
  float: right;
  }

.BannerPanelGridBottomRight
{ width: 132px;
  height: 100%;
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  background: #666666;
  }

/* Navigation Panel and Buttons */

.NavigationPanelFrame
{
  width: 100%;
  height: 30px;
  margin: 0px;
  border: 0px;
  padding: 0px;
  background: #2d0338 url(../images/banner-bottom.gif);
  }

.NavigationPanel
{
  margin: 0px;
  border-top: 1px solid #2d0338;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid #2d0338;
  padding: 0px;
  background-color: #5f0275;
  }

.NavigationButton
{
  width: auto;
  height: 28px;
  line-height: 25px;
  float: left;
  margin: 0px;
  border-top: 0px;
  border-right: 1px solid #2d0338;
  border-bottom: 1px solid #2d0338;
  border-left: 0px;
  padding: 0em 0.35em 0em 0.35em;
  background: #5f0275 url(../images/button-face.gif) repeat-x left top;
  text-align: center;
  }

.NavigationButton a
{
  font-family: 'Segoe UI', Segoe, 'DejaVu Sans', 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
  font-size: 12.5px;
  font-weight: normal;
  text-decoration:none;
  color: #efefef;
  }

.NavigationButton a:link 
{
  color: #efefef;
  }

.NavigationButton a:visited
{
  color: #efefef;
  }

.NavigationButton:hover
{
  background: #5f0275 url(../images/button-face-highlight.gif) repeat-x left top;
  }

.NavigationButtonHighlighted
{
  background: #5f0275 url(../images/button-face-highlight.gif) repeat-x left top;
  }

.ContentPanel
{
  position: relative;
  left: 0px;
  clear: left;
  width: auto;
  margin: 0px;
  border: 0px;
  padding: 20px;
  padding-top: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /* font-family: 'Segoe UI', Segoe, 'DejaVu Sans', 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; */
  font-size: 11.5px;
  font-weight: normal;
  color: #292929;
  line-height: 130%;
  background-color: #ffffff;
  }

/* Indent Blocks, Headings, and Text */

.Heading1
{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: normal;
  color: #444444;
  padding: 0em 0em 0.4em 0em;
  margin: 1em 0em 0.5em 0em;
  border-bottom: 1px solid #5f0275;
  clear: both;
  }

.Heading2
{
  font-size: 12.5px;
  font-weight: bold;
  margin: 1em 0em 0em 0em;
  padding: 0em 0em 0em 0em;
  }

.Heading3
{
  font-size: 11.5px;
  font-weight: bold;
  margin: 1em 0em 0em 0em;
  padding: 0em 0em 0em 0em;
  }

.Heading4
{
  font-size: 11.5px;
  font-weight: bold;
  margin: 1em 0em 0em 0em;
  padding: 0em 0em 0em 0em;
  }

.SectionBase
{
  margin: 0em 0em 2.5em 0em; 
  }

.SectionBase a:visited
{
  color: #5f0275;
  text-decoration: none;
  }

.SectionBase a:link
{
  color: #5f0275;
  text-decoration: none;
  }

.SectionBase a:hover
{
  color: #ffffff;
  background: #5f0275;
  text-decoration: none;
  }

.SectionIndent
{
  margin: 0em 0em 0em 2em; 
  }

.TextBlock
{
  margin: 0em 0em 1em 0em;
  padding: 0em 0em 0em 0em;
  }

.Footer
{ 
  width: 100%;
  margin-top: 1.5em;
  border-top: 1px solid #cccccc;
  padding: 0px;
  font-size: 11px;
  font-weight: normal;
  color: #aaaaaa;
  text-align: right;
  }

/* Tables */

table
{
  border-collapse: collapse;
  border: 1px solid #000000;
  }

th, td
{
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  font-family: verdana, arial, helvetica;
  font-size: 8pt;
  color: #333333;
  text-align: left;
  vertical-align: top;
  padding: 1px 3px 1px 3px;
  }

td
{
  border-color: #888888;
  font-weight: normal;
  white-space: normal;
  }

td.FixedText
{
  font-family: 'Courier New', Courier, monospace;
  white-space: pre;
  }

th
{
  background-color: #cccccc;
  font-weight: bold;
  }


/* Source Code Panels */

.CodePanel
{
  background: #eeeeee;
  font-family: Consolas, 'Courier New', Courier, monospace;
  font-size: 11px;
  white-space: pre;
  padding: 1em;
  margin-left: 2em;
  margin-right: 4em;
  overflow: auto;
  }

.ConsolePanel
{
  background-color: #000000;
  font-family: Consolas, 'Courier New', Courier, monospace;
  font-size: 12px;
  font-weight: normal;
  color: #00dd00;
  white-space: pre-wrap;
  padding: 1em;
  margin-left: 2em;
  margin-right: 4em;
  overflow: auto;
  }

.CsKeyword
{
  color: #0000ff;
  }

.CsGeneral
{
  color: #000000;
  }

.CsClassName
{
  color: #2b91af;
  }

.CsComment
{
  color: #008000;
  }

.CsString
{
  color: #a31515;
  }

.CsXmlCommentTag
{
  color: #a5a5a5;
  }

.JavaKeyword
{
  color: #7f0055;
  font-weight: bold;
  }

.JavaGeneral
{
  color: #000000;
  }

.JavaComment
{
  color: #3f7f5f;
  }

.JavaString
{
  color: #2a00ff;
  }

.JavaMember
{
  color: #0000c0;
  }

.JavaAnnotation
{
  color: #646464;
  }

.JavaEnum
{
  color: #0000c0;
  font-style: italic;
  }

.JavaXmlComment
{
  color: #3f5fbf;
  }

.JavaXmlCommentTag
{
  color: #7f9fbf;
  font-weight: bold;
  }

.JavaAndroidXmlTag
{
  color: #3f7f7f;
  }

.JavaAndroidXmlAttributeName
{
  color: #7f007f;
  }

.JavaAndroidXmlAttributeValue
{
  color: #2a00ff;
  font-style: italic;
  }

.JavaAndroidXmlComment
{
  color: #3f5fbf;
  }

.XmlTagMark
{
  color: #0000ff;
  }

.XmlTagName
{
  color: #a31515;
  }

.PopupBody
{
  margin: 10px;
  background-image: none;
  background-color: #ffffff;
  }

/* Screenshots */

.ScreenShotBorder
{
  position: relative; 
  float: left;
  top: 0px;
  left: 20px;
  right: 20px;
  bottom: 0px;
  height: auto;
  width: auto;
  overflow: visible;
  }

.ScreenShotBorder a:hover
{
  background: #ffffff;
  }

.ScreenShotBorderClear
{
  position: relative; 
  top: 0px;
  left: 20px;
  right: 20px;
  bottom: 0px;
  height: auto;
  width: auto;
  overflow: visible;
  }

.ScreenShotBorderClear a:hover
{
  background: #ffffff;
  }