/* Base Structure CSS for the Base Page component. */

/* Base HTML elements. */
body {
  margin: 0px;
  padding: 0px;
}
a img {
  border-width: 0px;
}

/* Base Page elements. */
.pageHeader_left, .pageBody_left, .pageFooter_left {
  /* Fix for IE. */
  display: inline;
  float: left;
  clear: left;
}
.pageHeader_center, .pageBody_center, .pageFooter_center {
  /* Fix for IE. */
  display: inline;
  float: left;
}
.pageHeader_right, .pageBody_right, .pageFooter_right  {
  /* Fix for IE. */
  display: inline;
  float: left;
  clear: right;
}
.pageFooter_container {
  font-size: smaller;
}
/* Fix page header height problem in IE. */
.headerLogo h1 {
  line-height: 10px;
  font-size: 10px;
}

/* Common elements. */
.clearer {
  float: none;
  clear: both;
  line-height: 0px;  
  height: 0px;
  font-size: 0px;
}
.zeroHeight {
  line-height: 0px;
}

/* General Document content type styling. */
.document h3, .document h4 {
  margin-bottom: .2em;
}
.document h4 {
  margin-top: .1em;
}
.document p {
  margin: .3em 0em;
}

body {
  font-family: sans-serif;
  font-size: 12px;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 14px;
}

h4 {
  font-size: 12px;
  font-weight: bold;
}

a img {
  border-width: 0px;
}

.pageFooter ul {
  list-style-type: none;
}

.leadin {
  font-weight: bold;
}/* Base Element Styles */
.pageBody_center .content_head {
  width: 100%;
}

.content_title {
  padding: 18px 0 4px 8px;
}

.pageBody_center h2 {
  margin: 0;
}

.content_subtitle h3 {
  margin: 0;
  padding: 10px 15px 0px 15px;
}
.fullContactProfile, .document {
  padding: 15px 15px 0 15px;
}

/* Specific Class Styles */
.pageBody_left {
  width: 180px;
  margin-left: 10px;
  margin-right: 10px;
}

.pageBody_center {
  margin-left: 10px;
  padding-bottom: 10px;
  width: 738px;
}

.pageBody {
  margin-bottom: 3em;
}

.content_body {
  padding: 0 15px 0 15px;
}

/* Header Logo & Primary Nav component structure */
.pageHeader {
  margin-bottom: 10px;
}

.pageHeader_center {
  width: 950px;
  padding-top: 88px;
}

.headerLogo {
  position: absolute;
  top: 15px;
  left: 32px;
}

div.topmenu {
  line-height: 20px;
  height: 20px;
  padding-left: 20px;
  border-width: 1px 0px 1px 0px;
}
.topmenu .submenu {
  border-width: 0 1px 1px 1px;
}
.topmenu .submenu li a {
  display: block;
  padding: .2em .5em;
}
/* Secondary Nav component structure */
.secNavContents {
  width: 180px;
}

.secNav_left, .secNav_right {
  display: none;
}

.secNav_center {
  width: 100%;
  line-height: 20px;
}

.secNav .secNavEntry h3  {
  width: 180px;
  line-height: 20px;
  margin-bottom: 0px;
}

.secNav .secNavContents .secNavEntry .secNav_center {
  width: 100%;
  line-height: 20px;
  margin: 0 0 0 0;
}

/* Feature link boxes. */
.featureLinkBox {
  border-width: 1px;
  margin-bottom: 10px;
}
.featureLinkBox h3 {
  margin: 0 auto;
  padding: 5px;
  border-top-width: 0px;
  border-bottom-width: 1px;
  text-align: center;
}
.featureLinkBox_button {
  width: 120px;
  margin: auto;
  padding: 5px;
}

/* Page Footer. */
.pageFooter_center {
  width: 738px;
  margin-left: 212px;
}
.pageFooter_center .plainContent {
  text-align: center;
}/* Base Element Styles */
body {
  font-family: verdana;
  font-size: 11px;
}

a {
  color: #0058B5;
  text-decoration: underline;
}
.topmenu a,  .featureLinkBox a {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

.content_title {
  background-color: #DCF2FF;
  border-bottom: 1px solid #17B2F3;
}

.content_title a {
  color: #0058B5;
  line-height: 20px;
  text-decoration: none;
}

.content_leadin {
  color: #0058B5;
  font-size: 13px;
  font-weight: bold;
}

.content_subtitle {
  background-color: #FFFFFF;
  color: #0058B5;
  font-size: 13px;
  font-weight: bold;
}

.fullContactProfile {
  line-height: 16px;
}

.fullContactProfile_title {
  background-color: #FFFFFF;
  color: #0058B5;
  font-size: 13px;
  font-weight: bold;  
}

h3 {
  font-size: 13px;
  font-weight: bold;
  color: #0058B5;
}

.pageHeader_center {
  background: transparent url(/cyton/digitalAssets/38_top_banner_bg.png) no-repeat scroll top left;
}

div.topmenu {
  background: transparent url(/cyton/digitalAssets/39_menu_gradient.jpg) repeat scroll top left;
  border-style: solid none solid none;
  border-color: #FFFFFF transparent #17B2F3 transparent;
}

.topmenu .submenu{
  background-color: #C3C1C2;
  border-style: solid;
  border-color: #17B2F3;
  font-size: 11px;
}

.secNav .secNavContents {
  background-color: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

.secNavContents .secNavEntry .secNav_center a {
  color: #0058B5;
}

.secNavContents .secNavEntry {
  /*border: 1px solid #CCCCCC;*/
}

.secNav .secNavEntry {
  font-size: 11px;
  color: #E38C33;
  text-indent: 15px;
}

.secNav .secNavEntry h3 {
  color: red;
  background-color: #DDDDDD;
  border: 1px solid #888888;
}

.secNav .secNavEntry h3 a {
  color: #E38C33;
  font-size: 11px;
}

.secNav img {
  display: none;
}

.pageBody_center {
  border: 1px solid #CCCCCC;
}

.fullContactProfile_title h2 {
  background-color: #DCF2FF;
  border-bottom: 1px solid #17B2F3;
  border-left: 1px solid #FFFFFF;
  border-right: 1px sold #FFFFFF;
}

.article .leadin {
  font-size: 13px;
  color: #0058B5;
  border-top: 1px solid #999999;
}

/* Feature link boxes. */
.featureLinkBox {
  border-style: solid;
  border-color: #CCCCCC;
}
#login.featureLinkBox h3 {
  background-color: #21C2F9;
  border-bottom-color: #1793BF;
  border-bottom-style: solid;
}
#register.featureLinkBox h3 {
  background-color: #0A99FB;
  border-bottom-color: #1797BF;
  border-bottom-style: solid;
}/* Base Structure CSS for Primary Navigation. */

.topmenu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.topmenu a {
  display: block;
}

.topmenu li {
  float: left;
  padding: 0px;
  margin: 0px;
  margin-right: 20px;
}

.topmenu .submenu {
  visibility: hidden;
  position: absolute;
  z-index: 10;
}

/* Display the submenu for a list item when it is hovered over. 
   The 'over' class is set by the DOM Script on the LI element. */
.topmenu li:hover .submenu, li.over .submenu {
  visibility: visible;
}

.topmenu .submenu li {
  clear: left;
  margin: 0px;
}

.topmenu .submenu li a {
  display: block;
}/* Base Styling CSS for Primary Navigation. */

.topmenu li {
  font-size: 11px;
  font-weight: bold;
}/* Base Structure CSS for Secondar Navigation. */

.secNav {
  width: 100%;
  margin-bottom: 25px;
}
.secNav h3 {
  padding: 0px;
  margin: 0px;
}

/* Eliminate the padding / margin on the lists. */
.secNav ul {
  padding: 0px;
  margin: 0px;
}

/** Common setup for floating divs. */
.secNav_left, .secNav_right {
  width: 5px;
}
.secNav_left, .secNav_center, .secNav_right {
  float: left;
}
.secNav_center {
  width: auto;
}
.secNav_clear {
  clear: left;
  line-height: 0px;
}

/** CSS for top of the submenu entries in the sidebar. */
.secNavSubMenu_top .secNav_left, .secNavSubMenu_top .secNav_center, .secNavSubMenu_top .secNav_right,
.secNavSubMenu_bottom .secNav_left, .secNavSubMenu_bottom .secNav_center, .secNavSubMenu_bottom .secNav_right {
  height: 5px;
  line-height: 5px;
}

.secNavSubMenu_bottom {
  margin-bottom: 2px;
}

/** Images for bottom of the side menu. */
.secNav_bottom .secNav_left, .secNav_bottom .secNav_center, .secNav_bottom .secNav_right {
  height: 10px;
  line-height: 10px;
}

.secNavSubMenuContents {
  /* width: 140px; */
  width: auto;
}
.secNavSubMenuContents li {
  padding-left: 1em;
  padding-bottom: .5em;
}/* Base Styling CSS for Secondary Navigation. */

.secNav ul {
  list-style-type: none;
}

.secNav a {
  text-decoration: none;
}

/** Images for standard menu buttons. */
.secNavEntry .secNav_left {
  background: url() no-repeat left;
}
.secNavEntry .secNav_center {
  background: url() repeat-x top;
}
.secNavEntry .secNav_right {
  background: url() no-repeat right;
}

/** Images for standard menu buttons which contain are beneath a 'ul'. */
ul .secNavEntry .secNav_left {
  background: url() no-repeat left;
}
ul .secNavEntry .secNav_center {
  background: url() repeat-x top;
}
ul .secNavEntry .secNav_right {
  background: url() no-repeat right;
}

/** Images for standard ACTIVE menu buttons WITH sub menu entries */
.selectedWithEntries .secNavEntry .secNav_left {
  background: url() no-repeat left;
}
.selectedWithEntries .secNavEntry .secNav_right {
  background: url() no-repeat right;
}

/** Images for standard ACTIVE menu buttons with NO sub menu entries */
.selectedNoEntries .secNavEntry .secNav_left {
  background: url() no-repeat left;
}
.selectedNoEntries .secNavEntry .secNav_right {
  background: url() no-repeat right;
}

/** Images for standard ACTIVE menu buttons, regardless of sub menu entries */
.selectedWithEntries .secNavEntry .secNav_center, .selectedNoEntries .secNavEntry .secNav_center {
  background: url() repeat-x top;
}


/** Images for top of the submenu entries in the sidebar. */
.secNavSubMenu_top .secNav_left {
  background: url() no-repeat left;
}
.secNavSubMenu_top .secNav_right {
  background: url() no-repeat left;
}

/** Images for bottom of the submenu entries in the sidebar. */
.secNavSubMenu_bottom .secNav_left {
  background: url() no-repeat left;
}
.secNavSubMenu_bottom .secNav_right {
  background: url() no-repeat left;
}

.secNav_bottom .secNav_left {
  background: url() no-repeat left;
}
.secNav_bottom .secNav_center {
  background-color: transparent;
}
.secNav_bottom .secNav_right {
  background: url() no-repeat right;
}

.secNavSubMenu_top .secNav_center, .secNavSubMenu_bottom .secNav_center, .secNavSubMenuContents {
  background-color: transparent;
}
