/************** Heading / page structure *************/

/* Standard Underorderd List Navigation */
.nav_list ul {
  list-style: none;
  margin: 0;
}
.nav_list li {
  border-right: 1px solid #FFCC00;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.nav_list a {
  color:#000000;
  text-decoration: none;
}
.nav_list .last {
  border: 0;
  padding-right: 0;
}

/* Top */
#top {
  height: 70px;
  margin: auto;
  width: 800px;
}
#top h1 {
  float: left;
}
#top h1 a {
  background: url(../../images/logo_with_border_67x70.gif) no-repeat;
  display: block;
  text-indent: -9000px;
}
#top h1, #top h1 a {
  height: 70px;
  width: 67px;
}
#floater {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -330px;
  width: 725px;
}
#top_nav {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  padding-bottom: 0;
}
#top_nav ul {
  float: right;
  margin: 0;
  padding: 0;
}
#top_nav li {
  line-height: 16px;
  margin-top: 34px;
}
#top_nav a:hover {
  color: #F3AB16;
}
#top_nav a.current {
  color:#F3AB16;
}

/* Search */
#search_area  {
  border-top: 2px solid #FFCC00;
  clear: both;
  width: 100%;
}
#search_area_inner {
  background: #FFCC00;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  height: 22px;
  margin: auto;
  padding-top: 2px;
  padding-right: 10px;
  padding-bottom: 4px;
  width: 790px;
}
#search_form_area {
  float: right;
}
#search_form_area a {
  background-image: url(../../images/search_button_off_17x18.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 22px;
  padding-left: 10px;
  text-indent: -9000px;
  width: 18px;
}
#search_form_area a:hover {
  background-image: url(../../images/search_button_on_17x18.gif);
}
#search_form_area label {
  line-height: 22px;
}

/* Bread Crumb Trail */
#breadcrumb_trail {
  font-size: 13px;
  color: #7F7F7F;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #BDBDBD;
  padding-right: 10px;
}
#breadcrumb_trail a {
  color: #7F7F7F;
  text-decoration:none;
}
#breadcrumb_trail a:hover {
  color: #000000;
  text-decoration:none;
}

/* Sub Menu */
#sub_menu_area {
  float: left;
  padding-top: 17px;
  padding-right: 20px;
  width: 180px;
  vertical-align: top;
}
#sub_menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sub_menu_item_main a, .sub_menu_item_other a {
  background: #FFCC00;
  font-weight: bold;
  color: #000000;
  border-bottom: 3px solid #FFFFFF;
  padding-left: 16px;
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 1px;
  display: block;
  text-decoration: none;
  margin: 0;
  height: 100%;
}
.sub_menu_item_main a:hover, .evaluation a:hover, .buy_now a:hover {
  background: #FFFF99;
  color: #000000;
}
.sub_menu_item_other a {
  background: #000000;
  color: #FFFFFF;
}
.sub_menu_item_other a:hover {
  background: #999999;
  color: #FFFFFF;
}
.evaluation a, .buy_now a {
  background: #000000;
  font-weight: bold;
  color:white;
  border-bottom: 3px solid #FFFFFF;
  font-size: 12px;
  padding: 10px 16px;
  text-align: left;
  display: block;
  text-decoration: none;
  margin: 0;
  height: 100%;
}
.buy_now a {
  padding-left: 16px;
  padding-top: 2px;
  padding-bottom: 1px;
}

#quote {  /* Quote area in left-hand section */
  background: #E0DEDF;
  padding: 20px 14px 14px 14px;
  font-size: 12px;
  font-weight: bold;
  color: #7F7F7F;
  text-align: left;
  border-bottom: 3px solid #FFFFFF;
}
#quote a, .main_text a, #content_area a {
  color:#F3AB16;
  text-decoration: none;
}
#quote a:hover, .main_text a:hover, #content_area a:hover  {
  color: #000000;
  text-decoration:none;
}
#quote h3 {
  color:#000000;
  background: #E0DEDF;
  font-size:12px;
  margin-top: 0;
}

/* Footer */
#footer {
  font-size: 10px;
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: -0.02em;
}
#footer_nav {
  margin-bottom: 4px;
}
#footer img {
  margin-left: 2px;
}

/********** Interior pages only **********/

#main_layout {
  margin: auto;
  width: 800px;
}
#content_area {
  border-left: 1px solid #BDBDBD; /* FireFox 3 Bug - Extremly large div border problem, Need to resolve see /examples/index.php */
  float: right;
  font-size: 12px;
  color: #454545;
  text-align: left;
  vertical-align: top;
  width: 479px;
  padding: 17px 100px 20px 20px;
  height: 100% !important;
  height: 350px;
  min-height: 350px;
}
#content_area.no-pad {
  padding: 17px 20px 20px 20px;
  width: 559px;
}
#content_area h2 a, #content_area h3 a {
  color:#000000;
  text-decoration:none;
}
#content_area h2 a:hover, #content_area h3 a:hover {
  color:#F3AB16;

}
#content_area a {
  color:#F3AB16;
  text-decoration: none;
  font-weight: bold;
}
#content_area a.boxhighlight {
  background:#FFB109;
  color: #000000;
  display: block;
  border: 1px #000000 solid;
  text-align:center;
  padding: 3px;
}

#lefthalf_area, .lefthalf_area {
  float: left;
  width: 264px;
  margin-top:10px;
  padding-right:20px;
  border-right: 1px solid #BDBDBD;
}
#righthalf_area, .righthalf_area {
  float: right;
  width: 257px;
  margin-top:10px;
}

/************** All pages *************/

body {
  color: #7F7F7F;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 10px;
  margin-top: 0;
  min-width: 820px;
  background: #FFFFFF;
}

form, h1, img {
  border: 0;
  margin: 0;
  padding: 0;
}

h2 {
  margin-top:0px;
  font-size:18px;
  color: #000000;
}
h3 {
  color:#000000;
  font-size:15px;
  text-decoration:none;
  padding-top: 10px;
}

*+html h3 {
  margin-top: 0px;
}

h4 {
  color:#333333;
  font-size:14px;
  font-style:italic;
  padding-top: 10px;
}

h5 {
  color:#333333;
  font-size:12px;
  margin-top: 0;
}
.unbold {
  font-weight:normal;
  font-style:normal;
}
em {
  color:#000000;
  font-weight:bold;
  font-style:normal;
}
b {
  color:#777777;
}
dt {
  color:#000000;
}
form {
  padding:0;
  margin: 0;
}
img {
  border: 0;
}
pre.code {
  color: #666666;
  background: #E0DEDF;
  padding: 10px;
}
#image_title_area, .image_title_area {
  background:#FFCC00;
  color:#FFFFFF;
  text-align:center;
  padding:8px;
  font-size: 12px;
  font-weight: bold;
}

.login a {
  color:#000000;
  font-size:15px;
  text-decoration:none;
  padding-top: 0;
}
.login a:hover {
  color: #F3AB16;
  text-decoration:none;
}

.red {
  color:#993300;
  font-size:14px;
  font-weight: bold;
}
.pdf {
  color:#999999;
  font-size:12px;
  font-weight: normal;
}
hr {
  height:1px;
  color: #BDBDBD;
  background: #BDBDBD;
  border:0;
}

*+html hr {
  margin-top: -5px;
  margin-top: -5px;
}

_hr {
  top: -3px;
}

.noindent {
  padding-left:25px;
}
.copyright {
  font-size:0.7em;
}
#quote a, .main_text a, #content_area a {
  color:#F3AB16;
  text-decoration: none;
}
#quote a:hover, .main_text a:hover, #content_area a:hover {
  color: #000000;
  text-decoration:none;
}

ul.spaced li {
  padding-bottom:0.2em;
}
ul.highlights li {
  padding-top:0.3em;
}
.main_text a.boxhighlight, #content_area a.boxhighlight {
  background:#FFB109;
  color: #000000;
  display: block;
  border: 1px #000000 solid;
  text-align:center;
  padding: 3px;
}
.insert-left {
  float:left;
  margin: 5px 10px 7px 0;
}
.insert-right {
  float:right;
  margin: 5px 0 7px 10px;
}

#content_area .inverselink a {
  color:#000000;
}
#content_area .inverselink a:hover {
  color:#F3AB16;
  text-decoration:none;
}

/************** XJEase code ***********/

/* normal text */
.xjease_normal {
}
/* identifier */
.xjease_id {
}
.xjease_type {
  color: #2e8b57;
  background-color: #E0DEDF;
  font-weight: bold;
}
.xjease_const {
  color: #606060;
  background-color: #E0DEDF;
}
.xjease_keyword {
  color: #804040;
  background-color: #E0DEDF;
  font-weight: bold;
}
.xjease_comment {
  color: #0000ff;
  background-color: #E0DEDF;
}
.xjease_enum {
  color: #a020f0;
  background-color: #E0DEDF;
}
pre.xjease {
  color: #000000;
  background: #E0DEDF;
  font: 9pt "Andale Mono", monospace;
  padding: 10px;
}

/************** Email landing pages ***********/

.exhibit img {
  padding: 10px 10px 0 0;
}

.exhibit h1 {
  font-size: 25px;
  font-weight: 600;
}

.exhibit a {
  font-size: 18px;
  color:#000000;
  text-decoration: none;
}

.exhibit a:hover {
  color: #F3AB16;
  text-decoration:none;
}

.exhibit {
  color: #000000;
  font-weight: bold;
  width:750px;
  text-align:center;
}

a.glossary {
  color: #7F7F7F;
  text-decoration:none;
  border-bottom:1px dotted #AAAAAA;
}

#content_area a.glossary:link, #content_area a.glossary:visited {
  color: #6F6F6F;
  text-decoration:none;
  border-bottom: 1px dotted #AAAAAA;
}

#content_area a.glossary:hover {
  color: #6F6F6F;
  text-decoration:none;
  border-bottom: 1px dotted #F3AB16;
  cursor:help;
}

#leftcell {
  width: 120px;
  float: left;
  color: #000000;
  border-top: 1px solid #DDDDDD;
}

#rightcell {
  width: 350px;
  float: left;
  border-top: 1px solid #DDDDDD;
}

#leftcell {
  width: 120px;
  float: left;
  color: #000000;
  border-top: 1px solid #DDDDDD;
}

#cellthird {
  width: 185px;
  float: left;
  padding-bottom:15px;
  text-align: center;
}

.smallprint {
  font-size: 11px;
}

/************** Library List ***********/

h2.library_list {
  font-size: 15px;
  text-decoration: underline;
}

/************** Example Code ***********/

#example_code ul {
  margin: 0;
  padding-left: 15px;
}
#example_code .memtest {
  color: #666666;
  font-weight: bold;
}

/************** Login Page ***********/
#login span {
  display: block;
  float: left;
  width: 80px;
}
#login #login_button {
  margin-left: 80px;
}

/************** Safe CSS Index Page ***********/

#enterComp {
  font-size: 11px;
}
#enterComp h2 {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}
#enterComp input {
  border: 1px solid #CCCCCC;
  float: left;
  height: 18px;
  margin-right: 4px;
  width: 20px;
}
#enterComp #enter {
  background: url(../../images/button-enter.gif);
  border: 0;
  cursor: pointer;
  display: block;
  float: left;
  padding-top: 22px;
  height: 22px;
  overflow: hidden;
  width: 50px;
}

/************** Safe Page ***********/


.sdafe_page {
  background: url(../../images/background.jpg);
}

.safe_page #content_area {
  height: 580px;
  height: 100% !important;
  min-height: 580px;
}

#safe_page_top {
  color: #000000;
  font-size: 14px;
  margin: 0 20px 0 20px;
}

#safe_page_top b {
  color: #000000;
}

#safe_glass_box_top {
  background: url(../../images/glass-panel-top.png) no-repeat;
  float: left;
  padding-top: 30px;
  width: 442px;
}

#safe_glass_box_middle {
  background:  url(../../images/glass-panel-left.png);
  font-size: 11px;
  font-weight: bold;
  height: 280px;
  padding-left: 26px;
  width: 390px;
}

#safe_glass_box_right {
  background:  url(../../images/glass-panel-right.png) repeat-y right;
  height: 280px;
  padding-right: 26px;
}

#safe_glass_box_bottom {
  background: url(../../images/glass-panel-bottom.png) no-repeat bottom;
  padding-bottom: 28px;
  width: 442px;
}

#safe_glass_box_middle h3 {
  font-weight: bold;
  margin: 0;
}

#safe_glass_box_middle input, #safe_glass_box_middle textarea {
  border: 1px solid #CCCCCC;
  padding: 2px;
}

#safe_glass_box_middle #try, #safe_glass_box_middle #submit_details {
  border: 0;
  cursor: pointer;
  margin: 0;
  padding-top: 23px;
  height: 23px;
  text-indent: -9000px;
  overflow: hidden;
  width: 117px;
}

.key {
  text-align: center;
  width: 10px;
}

#safe_glass_box_middle table td {
  text-align: right;
}

#safe_glass_box_middle #try {
  background: url(../../images/button-trynumbers.gif) no-repeat;
}

#safe_glass_box_middle #submit_details {
  background: url(../../images/button-submit-details.gif) no-repeat;
}

#safe {
  background: url(../../images/safe-box-left.png) left no-repeat;
  float: right;
  height: 338px;
  padding-left: 20px;
}
#safe .right {
  background: url(../../images/safe-box-right.png) right no-repeat;
  padding-right: 17px;
}
#safe .top {
  background: url(../../images/safe-box-top.png) top no-repeat;
  padding-top: 48px;
}
#safe .middle {
  background: url(../../images/safe-closed.jpg) no-repeat;
  height: 240px;
  width: 320px;
}
#safe .bottom {
  background: url(../../images/safe-box-bottom.png) bottom no-repeat;
  padding-bottom: 50px;
}

#safe_glass_box_middle a {
  color:#000000;
  text-decoration:underline;
}
#safe_glass_box_middle a:hover {
  color:#333333;
  text-decoration:underline;
}

#safe_glass_box_middle ul {
  list-style: none;
  margin: 0;
  padding-top: 10px;
  padding-left: 70px;
}

#safe_glass_box_middle ul li a {
  background-position: top left;
  background-repeat:  no-repeat;
  display: block;
  height: 41px;
  width: 249px;
}

#safe_glass_box_middle ul li a span {
  display: none;
}


/* Image Link List */

#image-link-list {
  font-size: 11px;
  font-weight: bold;
}
#image-link-list a {
  color:#000000;
  text-decoration:underline;
}
#image-link-list a:hover {
  color:#333333;
  text-decoration:underline;
}
#image-link-list ul {
  list-style: none;
  margin: 0px;
  padding-top: 10px;
}
#image-link-list ul li a {
  background-position: top left;
  background-repeat:  no-repeat;
  display: block;
  height: 41px;
  width: 249px;
}
#image-link-list ul li a span {
  display: none;
}

#sub_menu #freeTrial, #sub_menu #freeTrial a, #sub_menu #freeSetUp, #sub_menu #freeSetUp a {
  display: block;
  height: 50px;
  width: 180px;
}

#sub_menu #freeTrial a {
  background-image: url('/images/button_free_trial-sm.gif');
  text-indent: -9000px;
  margin-top: 6px;
}

#sub_menu #freeSetUp a {
  background-image: url('/images/button_free_board_setup-sm.gif');
  text-indent: -9000px;
}

#sub_menu #freeOr {
  font-size: 14px;
  font-weight: bold;
  padding: 3px 0 6px 0;
  text-align: center;
}

.exampleCode {
  width: 100%;
}

.exampleCode h2 {
  border-bottom: 1px solid #000000;
  margin: 0;
  margin-top: 20px;
  padding-left: 5px;
  padding-bottom: 2px;
  text-decoration: none;
}

.exampleCode h3 {
  margin: 0;
  padding: 0;
}

.exampleCode h3.subCat {
  background-color: #F1F1F1;
  border-bottom: 1px solid #DDDDDD;
  font-size: 12px;
  font-weight: normal;
  padding: 2px;
  padding-left: 5px;
}

.exampleCode h3.deviceFile {
  font-size: 12px;
  font-weight: normal;
}

.exampleCode h3 a {
  color: #F3AB16 !important;
}

.exampleCode h3 a:hover {
  color: #000000 !important;
}

.exampleCode td.spacer, .exampleCode td.filename, .exampleCode td.view, .exampleCode td.revision, .exampleCode td.status {
   border-right: 1px solid #DDDDDD;
   border-bottom: 1px solid #DDDDDD;
   text-align: center;
   padding: 2px;
}

.exampleCode td.devices, .exampleCode td.revision {
  border-right: 1px solid #DDDDDD;
  padding-right: 5px;
}

.exampleCode td.filename {
  text-align: left;
}

.exampleCode td.spacer {
  border-right: 0;
}

.exampleCode .fileRow td.spacer, .exampleCode .devicesRow td.spacer {
  border-left: 1px solid #DDDDDD;
}

.exampleCode .devicesRow td.devices {
    border-right: 1px solid #DDDDDD;
    padding-left: 20px;
}

.exampleCode .devicesRow td {
  border-bottom: 1px solid #DDDDDD;
}

.exampleCode .subCatRow {
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
}

.exampleCode .devicesRow ul {
  margin: 2px;
  padding-left: 0px;
  list-style: none;
}

.styleKey {
   float: right;
   text-align: right;
   padding: 2px;
}