/* general */

html { margin: 0; padding: 0; }
body
{
    margin: 0; padding: 10px;
    min-width: 800px;
    color: #000; background: #ccc;
}

#frame
{
    font: 11px/1.5em "Lucida Grande", Arial, Helvetica, sans-serif;
    text-align: center;
}

a:link {  color: #000; text-decoration: underline;}
a:visited { color: #990000; }
a:hover { color: #990000; }


/* formatting */

#motto  {  font: 11px/1.5em "Lucida Grande", Arial, Helvetica, sans-serif; font-style: italic; color: #999; text-align: right; padding: 8px;}
#logo { color: #ccc; text-align: right; }
#contents {  text-align: left; padding: 8px 15 15 35;}
.box {  font-size: 9px;}
.box a {  color: #000; text-decoration: none;}
.box a:visited { color: #000000; }
.box a:hover { color: #FF0000; }

td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
p {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        line-height : 18px;
}

ul { list-style-image: url(images/nav/square-bulit3.gif) }
ul li { margin: 4px 0 0 0;}

.navbar { 
  background-color: #EA0C0C;
}

.titlenav { font-family: "Lucia Grande", Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; font-weight: bold; }
.titlenav a:link { color: #FFFFFF; text-decoration: none; }
.titlenav a:visited { color: #FFFFFF; text-decoration: none;}
.titlenav a:hover { background-color: #8b0000;}
.main-contents { padding: 10px;}
.support { font-size: 14px; font-weight: normal; text-align:right; }
.footer {  font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; background-color: #E4E4E4; color: #000; padding: 8px 15 8 15; }
.footer a:link, .footer a:visited { color: #000; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.title, h1 {  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #DD2113; font-weight: bold}
.subtitle { font-family: Garamond, "Times New Roman", serif; font-size: 16px; color: #333399; font-weight: bold }
.emphasis { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333399; line-height : 18px; ; font-weight: bold}
.instruction { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #777777; line-height : 1.5em; ; font-weight: normal; }

.whitespace { background-color: #FFFFFF; }
.grayspace { background-color: #BBBBBB; }
.lightgray { background-color: #F2F2F2; }

.bevel {
    border: 2px solid;
    border-color: #F2F2F2 #BBBBBB #BBBBBB #F2F2F2;
    margin: 5px;
}

#graph, #graph-friends {
    text-align: center;
}

.awarelogo {
position:relative;
margin-top:-20px;
left: 130px;
}

.fieldWithErrors {
    border-color: red;
    border-style: solid;
    padding: 4px;
}

/* sortable and pageable tables */

.sortable, .sortable td { 
  border-color: #F0F0F0;
  border-width: 1px;
  border-style: none;
}
.sortable {
  border-collapse: collapse;
  border-bottom-style: solid;
}
.sortable tr.even {
  background-color: #F5F5F5;
}
.sortable th, .sortable td {
  padding: 4px;
}
.sortable th a:link, .sortable th a:hover, .sortable th a:visited, .sortable th a:active { 
  text-decoration: none;
  color: blue;
}
.sortable th.sortasc span.arrow, .sortable th.sortdesc span.arrow {
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 5px;
  padding-right: 10px;
}
.sortable th.sortasc span.arrow {
  background-image: url(images/sort-asc.gif);
}
.sortable th.sortdesc span.arrow {
  background-image: url(images/sort-desc.gif);
}
.sortable td {
  border-left-style: solid;
  border-top-style: solid;
}
.sortable td.right {
  border-right-style: solid;
}

.pagination {
  padding: 3px;
  margin: 3px;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #000099;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #000099;
  color: #000;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #000099;
  font-weight: bold;
  background-color: #000099;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}
.import-preview, .import-preview td {
  border-color: #696969;
  border-width: 1px;
  border-style: solid;
}
.import-preview td {
  padding: 4px;
}
.import-preview tr.header, .import-preview td.recnum { 
  background-color: #D3D3D3;
}
.import-preview tr.header td, .import-preview td.recnum { 
  font-weight: bold;
}
.import-preview tr.ignored, .import-preview td.ignored, .import-legend td.ignored {
  background-color: #B0E0E6;
}
.import-preview td.new, .import-legend td.new {
  background-color: #FFFFE0;
}
.import-preview tr.error {
  background-color: #FFB6C1;
}
.import-preview td.error, .import-legend td.error, .import-error td {
  background-color: #FFB6C1;
  border-width: 3px;
  border-color: #FF0000;
}
.import-error td { 
  padding: 2px 5px;
  margin: 2px;
  border-style: solid;
}
.import-preview td.error ul { 
  list-style-image: none;
}
.import-legend { 
  border-color: #696969;
  border-width: 2px;
  border-style: solid;
}
.import-legend td { 
  border-color: #808080;
  border-width: 1px;
  border-style: solid;
}

.content, .navigation { 
  line-height: normal;
  /* For IE6; hopefully ignored elsewhere. */
  display: inline;
}

.content { 
  width: 620px;
  margin-right: 15px;
  border-style: none;
  border-width: thin;
  float: left;
  position: relative;
}

.content-header { 
  background-color: #CCC;
  margin-left: 10px;
}

.content-header-left { 
  width: 425px;
  float: left;
}

.content-header-right { 
}

.content-sections, .navigation-sections { 
  overflow: auto;
}

.content-section { 
  padding: 5px;
  margin-bottom: 3px;
}

.navigation-section { 
  padding: 5px;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #DDD;
  margin-bottom: 2px;
}

.content-section.last, .navigation-section.last { 
  border-bottom-style: none;
}

.navigation { 
  width: 320px;
  margin-right: 5px;
  float: right;
}

.navigator { 
  padding-left: 10px;
}

.navigator.last { 
  border-bottom-style: none;
}

.navigator-header { 
  margin-left: -10px;
}

.navigator-title { 
  height: 16px;
  valign: middle;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}

.navigator-button, .close-button { 
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 5px;
  background: url(images/nav/buttons.png) -0px -0px no-repeat;
  overflow: hidden;
}

.navigator-button { 
  float: left;
}

.close-button { 
  float: right;
  margin-right: 0px;
  cursor: pointer;
}

.expanded .navigator-header .navigator-button {
  background-position: -64px -0px;
}

.collapsed .navigator-header .navigator-button { 
  background-position: -48px -0px;
}

.competitions-menu { 
  float: left;
  width: 100%;
  margin-bottom: 6px;
}

.go-button { 
  width: 100%;
  text-align: right;
}

.teams-title { 
  line-height: 1.75em;
  margin-top: 10px;
  margin-left: -5px;
  font-weight: bold;
}

.team { 
  line-height: 1.75em;
  margin-left: -5px;
}

.team-standing { 
  height: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.team-rank { 
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 48px;
  font-weight: normal;
  font-style: italic;
  font-family: Verdana, Helvetica, sans-serif;
  color: #CCCCCC;
  margin-top: 8px;
}

.team-rank.tens { 
  width: 70px;
}
.team-rank.hundreds { 
  width: 90px;
}

.me * .team-rank { 
  font-weight: bold;
  font-style: normal;
  color: #000000;
}

.team-icon { 
  float: left;
  width: 50px;
  height: 50px;
  border-style: none;
  border-width: 0px;
  margin-top: 8px;
  margin-right: 6px;
}

.team-name { 
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 6px;
}

.team-score { 
  line-height: 1.5em;
}

.team-score-value { 
  font-size: 18px;
  font-weight: bold;
  color: #DD2113;
}

.team-bar { 
  float: left;
  width: 300px;
  height: 25px;
  background-color: #FFAB00;
  border-left: solid;
  border-width: 3px;
  border-color: #BA6100;
}

.team-position-indicator { 
  float: left;
  position: relative;
}

.team-position-indicator.racehorse { 
  width: 60px;
  height: 40px;
  top: -12px;
  left: -31px;
  margin-right: -16px;
}

.team-position-indicator.hotair { 
  width: 20px;
  height: 33px;
  top: -10px;
  left: -10px;
  margin-right: -8px;
}

.team-details {
  margin-left: 106px;
  margin-bottom: 6px;
}

.team-display { 
  clear: both;
  font-family: "Verdana", Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #999999; 
  font-weight: normal; 
}
.team-display a:link, .team-display a:visited { color: #999999; text-decoration: none;}
.team-display a:hover { text-decoration: underline; color: #DD2113; }

.competition-header-title {
  text-align: left;
  vertical-align: middle;
  margin-left: 14px;
  margin-top: 12px;
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
  font-family: Verdana, Helvetica, sans-serif;
  color: #FFF;
}

.competition-header-type {
  text-align: left;
  vertical-align: middle;
  margin-left: 14px;
  margin-right: 20px;
  font-size: 14px;
  font-family: Verdana, Helvetica, sans-serif;
  color: #FFF;
}

.competition-header-dates {
 text-align: left;
  vertical-align: middle;
  margin-left: 14px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: normal;
  font-family: Verdana, Helvetica, sans-serif;
  color: #FFF;
}

.countdown-clock-surround { 
  padding: 4px 4px 3px 4px;
}

.countdown-clock { 
  background-color: #5DCF00;
  text-align: center;
  border-style: inset;
  border-width: 3px;
  border-color: #5DCF00;
}

.clock-digits, .clock-spacer { 
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: bold;
  color: #FFF;
}

.clock-units { 
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #FFF;
}

.competition-summary { 
  margin-top: 10px;
  margin-bottom: 10px;
}

.team-members { 
  margin-top: 10px;
  margin-right: 12px;
}

.team-member { 
  position: relative;
  margin-right: 12px;
  cursor: pointer;
}

.team-member.me, .team-member.mutual, .team-member.exhibitor, .team-member.friend, .team-member.none {
}

.team-member-badge { 
  position: absolute;
  left: 0px;
  top: 0px;
  width: 48px;
  height: 48px;
}

.team-member.exhibitor .team-member-badge, .team-member.none .team-member-badge {
  background: url(images/nav/add-friend.png) 0px 0px no-repeat;
}

.individual-leader { 
  width: 100%;
  margin-top: 10px;
  line-height: 1.5em;
}

.individual-leader-icon { 
  float: left;
  margin-left: 12px;
  margin-right: 15px;
  width: 50px;
}

.individual-leader-distinction { 
  font-weight: bold;
}

.individual-leader-name { 
}

.messages { 
  background-color: #ffffff;
  height: 450px;
  overflow: auto;
  position: relative;
}

.message {
  padding: 15px 5px 15px 0px;
}

.message-body { 
  margin: 8px 8px 8px 18px;
}

.message-box { 
  border-style: solid;
  border-width: 2px;
  border-color: #D8D8D8;
  background-color: #FFF;
  margin-left: 38px;
  margin-right: 4px;
}

.message.recent { 
  background-color: #FFFFBE;
}

.message.recent .message-box { 
  border-color: #888888;
}

.message-user-icon { 
  width: 50px;
  height: 50px;
  margin-top: -18px;
  position: relative;
  z-index: 3;
}

.message-user-icon img { 
  background-color: #ffffff;
  border-style: solid;
  border-width: 2px;
  border-color: #A2A2A2;
  text-align: right;
  vertical-align: top;
}

.message-user { 
  font-size: smaller;
  margin-left: 60px;
}

.message-user-name { 
  margin-top: -26px;
  font-weight: bold;
  color: #777;
}

.message-time { 
  margin-top: 0px;
  color: #777;  
}

.message-new { 
  margin-top: 12px;
  margin-left: 40px;
}

.message-input { 
  margin-top: 4px;
  margin-bottom: 10px;
}

.message-menu { 
  margin-top: 8px;
  margin-left: 36px;
}

.message-menu a { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; color: #777; font-weight: normal; text-align: middle;}
.message-menu a:link { color: #999999; text-decoration: none; }
.message-menu a:visited { color: #999999; text-decoration: none;}
.message-menu a:hover { text-decoration: underline; color: #DD2113; }

.new-post-button { 
  margin-top: 8px;
  width: 100%;

}

.message-corner-tl, .message-corner-tr, .message-corner-br, .message-corner-bl { 
  position: absolute;
  left: 0px;
  top: 0px;
  width: 8px;
  height: 8px;
  background: url(images/nav/corners.png) -0px -0px no-repeat;
  overflow: hidden;
  z-index: 2;
}

.message-corner-tr { 
  background-position: -8px -0px;
}

.message-corner-br { 
  background-position: -8px -8px;
}

.message-corner-bl { 
  background-position: -0px -8px;
}

.message.recent .message-corner-tl { 
  background-position: -16px -0px;
}

.message.recent .message-corner-tr { 
  background-position: -24px -0px;
}

.message.recent .message-corner-br { 
  background-position: -24px -8px;
}

.message.recent .message-corner-bl { 
  background-position: -16px -8px;
}

.team-profile-icon { 
  width: 48px;
  height: 48px;
  float: left;
  margin: 12px;
}

.team-profile { 
  margin-left: 80px;
}

.team-profile-name {   
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 6px;
}

.team-profile-description {
  margin-bottom: 10px;
}

.team-profile-standings { 
  line-height: 1em;
  text-align: left;
}

.team-profile-members { 
  margin-top: 16px;
  line-height: 1em;
}

.team-profile-standings th, .team-profile-members th { 
  background-color: #EEE;
}

.team-profile-row-separator { 
  height: 2px;
  background-color: #DDD;
}

.team-profile-members td { 
  vertical-align: text-top;
  width: 33%;
}

.team-profile-member-icon { 
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 8px;
  margin-bottom: 4px;
}

.team-profile-member { 
  line-height: 1.25em;
  margin-top: 4px;
  margin-bottom: 8px;
}

.team-profile-member-name { 
  font-weight: bold;
}

.user-form, .admin-form, .filter-form, .profile-form { 
  margin: 0;
  padding: 0;
}

.user-action-menu { 
  width: 100%;
  margin-bottom: 6px;
}

.user-action-menu.inline { 
  width: 50%;
  margin-bottom: 0px;
}

.user-pop-up { 
  position: absolute;
}

.pop-up-contents { 
  width: 200px;
  border-style: solid;
  border-width: 3px;
  border-color: #777;
  padding: 6px;
  background-color: #f8f8f8;
}

.pop-up-title { 
  margin-right: 20px;
  font-weight: bold;
  line-height: 1em;
  white-space: wrap;
  height: 35px;
  margin-left: 6px;
}

.pop-up-icon { 
  width: 48px;
  height: 48px;
  position: relative;
  background-color: #FFF;
  border-style: solid;
  border-width: 4px;
  border-color: #777;
  border-top-color: #f8f8f8;
  padding: 6px;
  left: 50px;
  top: -4px;
}

.secondary-tabs { 
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 6px;
}

.secondary-tab { 
  float: left;
  border-style: solid;
  border-left-color: #ADADAD;
  border-top-color: #ADADAD;
  border-right-color: #ADADAD;
  border-width: 1px;
  margin-left: 2px;
  padding: 2px 6px;
  position: relative;
  top: 1px;
  background-color: #FFFFFF;
  z-index: 2;
}

.secondary-tab.selected { 
  font-weight: bold;
  background-color: #FFFFFF;
  border-left-color: #000000;
  border-top-color: #000000;
  border-right-color: #000000;
  border-bottom-color: #FFFFFF;
}

.secondary-tab a:link, .secondary-tab a:visited { 
  font-weight: bold;
  color: #ADADAD; 
  text-decoration: none; 
}
.secondary-tab a:hover { 

  color: #0000FF; 
  text-decoration: underline; 
}

.secondary-tab-content { 
  clear: both;
  line-height: normal;
  border-top-style: solid;
  border-width: 1px;
  padding-top: 10px;
}

/*.with-search -- do them all */ .secondary-tab { 
  height: 25px;
}

.secondary-tab.search {
  float: right;
  border-style: none;
  margin-right: 50px;
}

input.watermark { 
  color: gray;
}

.profile-section, .profile-section-left { 
  margin-left: 4px;
}

.profile-section-left, .profile-section-right { 
  /* For IE6; hopefully ignored elsewhere. */
  display: inline;
}

.profile-section-left { 
  width: 58%;
  float: left;
}
.profile-section-right { 
  width: 40%;
  float: right;
}

.profile-item { 
  margin: 5px;
  border-bottom-style: solid;
  border-bottom-color: #DDDDDD;
  border-bottom-width: 2px;
  padding-bottom: 5px;
}
.profile-item.last { 
  border-bottom-style: none;
}
.profile-item.editable { 
  background-color: #DAF4FF;
}

.profile-item-description { 
  width: 35%;
  float: right;
  font-size: 10px;
}
.profile-item-details { 
  width: 65%;
  float: left;
}
.profile-item-description.vertical, .profile-item-details.vertical { 
  width: auto;
  float: none;
  margin-top: 4px;
}
.profile-item-details input { 
  margin-top: 7px;
}
.profile-item-title { 
  color: #909090;
  float: left;
  padding-right: 10px;
  font-size: 11px;
}
.profile-item-message { 
  color: #008000;
}
.profile-item-errors { 
  background-color: #FFFF00;
  color: #FF0000;
}
.profile-item-display { 
}
.profile-item-blank { 
  color: #808080;
}
.profile-item-value { 
  font-weight: bold;
  font-size: 14px;
}
.profile-item-privacy-value { 
  font-weight: bold;
}
.profile-item-value, .profile-item-blank { 
  margin-top: 6px;
  margin-bottom: 6px;
}
.profile-item-value-detail { 
}
.profile-item-prompt { 
  font-size: 10px;
}
.profile-item-privacy { 
  font-size: 11px;
}
.profile-item-display-separator { 
  clear: both;
  height: 1px;
}
.profile-item-edit-menu { 
  margin-top: 4px;
  margin-bottom: 4px;
  color: #D0D0D0;
  visibility: hidden;
}
.profile-item-edit-menu a:link, .profile-item-edit-menu a:visited { 
  font-weight: bold;
  color: #0000FF;
  text-decoration: none;
}
.profile-item-edit-menu a:hover { 
  font-weight: bold;
  color: #0000FF;
  text-decoration: underline;
}
.profile-item-iframe { 
  padding: 0px;
  color: #000;
  background: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  width: 375px;
  min-width: 0px;
  min-height: 0px;
}
.profile-item-edit { 
}
.profile-item-edit-privacy { 
  border-top-style: solid;
  border-top-color: #DDDDDD;
  border-width: 1px;
  padding-top: 8px;
  margin-top: 8px;
}
.profile-item-edit-submit { 
  margin-top: 10px;
  padding-top: 5px;
  height: 25px;
  background-color: #F5F5F5;
  text-align: center;
}
.profile-item-details.with-actions { 
  width: 50%;
}
.profile-item-actions { 
  width: 50%;
  float: right;
  font-size: 11px;
}
.profile-item-action-button { 
  text-align: right;
  width: 75px;
}
.profile-item-action { 
  font-size: 10px;
}
.profile-item-actions th { 
  color: #666666;
}
.profile-external-system-good, .profile-external-system-intermediate, .profile-external-system-bad { 
  font-weight: bold;
}
.profile-external-system-good { 
  color: green;
}
.profile-external-system-intermediate { 
  color: #FFBF00;
}
.profile-external-system-bad { 
  color: red;
}

#friends { 
  min-height: 200px;
}

.friends-title { 
  font-size: 18px;
  font-weight: bold;
  margin: 16px;
  margin-top: inherit;
}
.friends-section { 
  font-size: 16px;
  font-weight: bold;
  margin: 16px;
  line-height: .05em;
}
.friends-section-separator { 
  border-bottom-style: solid;
  border-width: 4px;
  border-color: #EEEEEE;
}
.friends-empty { 
  margin: 16px;
}
.friend-section { 
  border-bottom-style: solid;
  border-width: 2px;
  border-color: #DDD;

  /* Floating child elements only get background floating parent. */
  width: 100%;
  float: left;
  /* For IE6; hopefully ignored elsewhere. */
  display: inline;
}
.friend-section.last { 
  border-bottom-style: none;
}
.friend-section.expandable {
  background-color: #DAF4FF;
}
.friend-info { 
  float: left;
  width: 30%;
}
.friend-desc-notes { 
  float: left;
  width: 40%;
}
.friend-actions { 
  float: right;
  width: 30%;
}
.friend-separator { 
  clear: both;
  height: 1px;
}

.friend-info-icon { 
  float: left;
  height: 50px;
  width: 50px;
}
.friend-info-text { 
  margin-left: 50px;
  line-height: 13px;
}

.friend-info-icon, .friend-info-text div, 
.friend-notes, .friend-description, 
.friend-actions .user-form { 
  margin: 1em;
}

.friend-info-name { 
  font-weight: bold;
}

.friend-info-more-menu { 
  clear: both;
}

.friend-info-more-menu { 
  margin-left: 14px;
  margin-bottom: 4px;
  color: #D0D0D0;
  visibility: hidden;
}
.friend-info-more-menu a:link, .friend-info-more-menu a:visited { 
  font-weight: bold;
  color: #0000FF;
  text-decoration: none;
}
.friend-info-more-menu a:hover { 
  font-weight: bold;
  color: #0000FF;
  text-decoration: underline;
}

.friend-notes, .friend-description { 
  margin-left: 30px;
}
.friend-note-icon { 
  float: left;
  margin-top: 1em;
}
.friend-desc-notes.with-note .friend-note-icon { 
  width: 30px;
  height: 24px;
  background: url(images/note-icon.png) -0px -0px no-repeat;
}

.friend-note { 
  margin-bottom: 4px;
}
.friend-note-timestamp { 
  font-size: 10px;
  color: #777;  
}
.friend-note-body {
  font-size: 16px;
  color: #666;  
  font-weight: normal;
}
.friend-desc-notes.with-note .friend-note-body {
  font-weight: bold;
}

.classic-friend-top { 

}
.classic-friend-bottom { 
}
.classic-friend-separator { 
  height: 1px;
  background-color: #e4e4e4;
}
.classic-friend-name { 
  font-weight: bold;
}

.notifications { 
  color: #FF4500;
  height: 30px;
}
.notification { 
  display: inline;
  margin-left: 10px;
}
.notification a:link, .notification a:visited { 
  color: #FF4500;
  text-decoration: none;
}
.notification a:hover { 
  color: #8b0000;
  text-decoration: underline;
}
.notification-count { 
  color: #ffffff;
  font-weight: bold;
  background-color: #FF4500;
  padding-left: 3px;
  padding-right: 2px;
  padding-bottom: 1px;
}

.lightbox-posts { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 310px;
  padding: 6px;
}

.home-items { 
  border-collapse: collapse;
}

.home-item { 
  padding: 1em;
  border-style: solid;
  border-width: 2px;
  border-color: #DDD;
  font-size: 14px;
}

.home-item-next { 
  margin-top: 5px;
  margin-left: 5px;
  font-size: 11px;
}

.home-item-next a:link, .home-item-next a:visited { 
  font-weight: bold;
  color: #0000FF;
  text-decoration: none;
}
.home-item-next a:hover { 
  font-weight: bold;
  color: #0000FF;
  text-decoration: underline;
}

.news-items { 
  margin: 10px;
  border-collapse: collapse;
}

.news-item { 
  padding: 1em;
  border-style: solid;
  border-width: 2px;
  border-color: #DDD;
}

.news-item-author-icon { 
  width: 50px;
  height: 50px;
}

.news-item-header, .news-item-header-value { 
  font-size: 11px;
}

.news-item-header { 
  font-weight: bold;
}

.news-item-header-value { 
}

.news-item-body { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}