@font-face {
  font-family: "DejaWeb"; src: url(/files/DejaWeb.ttf);
  font-weight: normal; font-style: normal;
}
@font-face {
  font-family: "DejaWeb"; src: url(/files/DejaWeb-Bold.ttf);
  font-weight: bold; font-style: normal;
}
@font-face {
  font-family: "DejaWeb"; src: url(/files/DejaWeb-Italic.ttf);
  font-weight: normal; font-style: italic;
}
@font-face {
  font-family: "DejaWeb"; src: url(/files/DejaWeb-BoldItalic.ttf);
  font-weight: bold; font-style: italic;
}
@font-face {
  font-family: "Franklin Gothic Medium";
  src: url("http://thehyv.com/files/framd.TTF");
}
@font-face {
  font-family: "League Gothic";
  src: url(/files/league-gothic.otf);
  font-weight: normal; font-style: normal;
}

body, img {
  margin: 0;
  padding: 0;
  border: none;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 9pt;
  color: #000;
}

body {
  background-color: #00004E;
  background-image: url(/images/hyvheadergrad.gif);
  background-repeat: repeat-x;
}

/*
 * Navigation header
 */
.navcontainer {
  width: 1006px;
  height: 78px;
  white-space:nowrap;
  color: white;
  padding:1px; /* for some reason moz wants '1' for correct box rendering */
  margin: 0 auto;
}

a {
  color:#00004E;
  /* text-decoration:none; */
}

.largeLink {
  font-size:14pt;
  text-decoration:none;
  color:black;
}

.pagecontent {
  margin: 0 auto;
  padding: 0;
  width: 1004px;
}

.pagefooter {
  width: 100%;
  clear: both;
  color:white;
  text-shadow: 2px 2px 2px #000;
}

.adtop {
  position: absolute;
  width: 730px;
  height: 92px;
  border: 1px solid blue;
  text-align: center;
}

.reglink {
  color: #FFC05F;
  text-decoration:none;
  font-weight: bold;
}

.lostlink {
  font-family: "Tahoma", "Arial", sans-serif;
  font-size: 8pt;
  color: #FFC05F;
  text-decoration: none;
}

#headertext {
  text-shadow: 2px 2px 2px #000;
}

.navlink {
  color: white;
  padding-right: 15px;
  text-decoration:none;
  font-family: Calibri,DejaWeb,Helvetica, sans-serif;
  font-size: 18pt;
  font-weight: bold;
  display: inline;
}

.navlink:hover {
  color: #FFC05F;
}

.content_right {
/*
 *  position: absolute;
 *  top: 0px;
 *  right: 15px;
 *  width: 265px;
 */
  float: left;
  width: 332px;
  background-color: #363676;
  z-index: 5;
  text-align:center;
  margin-top:40px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

.content_right_header {
  margin:0 auto;
  width: 332px;
}

.content_right_footer {
  margin:0 auto;
  background: url(/images/content_right_footer.gif);
  width: 332px;
}

.content_right_component {
  margin: 0 auto;
  width: 300px;
  text-align:left;
}

.content_right_component .login {
  color:white;
  text-shadow: 2px 2px 3px black;
}

.content_right_component h3 {
  font-size: 14pt;
  font-family: "DejaWeb","Trebuchet MS",Helvetica,Arial,sans-serif;
  color: white;
  line-height: 1em;
  margin: 0px 0px 6px -1px;
  font-weight:bold;
  text-decoration: none;
  text-shadow: 2px 2px 3px black;
}

.content_right_tower {
 float: left;
 margin-top:40px;
 width: 170px;
 margin-left: 10px;
 z-index: 5;
}

.adright {
  /* width: 162px; */ /* skyscraper */
  /* height: 602px; */ /* skyscraper */
  /* width: 250px; */
  margin:0 auto;
  width: 300px;
  height: 250px;
  text-align: center;
}

.adright_header{
  width:300px;
  border:1px solid #FDC060;
  background:#FDC060;
  text-align:center;
}

.adright_skyscraper {
  width: 160px;
  height: 600px;
  border: 1px solid #FDC060;
  text-align: center;
}

.adright_skyscraper_header{
  width:160px;
  border:1px solid #FDC060;
  background:#FDC060;
  text-align:center;
}

.adcontact {
  font-size:8pt;
  font-family:Tahoma,Verdana,Arial,sans-serif;
  color:white;
  text-decoration:none;
}

.content {
  margin-top: 10px;
  margin-left: 10px;
  float:left;
  padding: 10px;
  width: 640px;
  background-color: white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.widecontent {
  margin-top: 10px;
  margin-left: 10px;
  float:left;
  padding: 10px;
  width: 960px;
  /* background-color: white;  */
  /*
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
   */
}

.feedentry {
  margin-bottom: 1em;
  /* max-width: 500px; */
  /* border:1px solid black; */
  padding:2px;
  color:white;
}

.feedentry .text {
  color:black;
  background-color: white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1em;
}

.feedentry .text p {
  width: 500px;
}

.feedentry .text blockquote {
  max-width: 500px;
}

.feedentry .text img {
  /* margin: 1em; */
  float:none;
}

.feedentry ul {
  max-width: 500px;
}

.feedentry .header {
  font-size: 18pt;
  font-family: "Arial Condensed",Calibri,"DejaWeb","Trebuchet MS",Arial,sans-serif;
  line-height: 1em;
  margin-left: -1px;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-right: 0px;
  font-weight:bold;
  text-decoration: none;
  /* background-color: white; */
  text-shadow: 3px 3px 5px black;
}

.feedentry .header a {
}

.feedentry .subline {
  font-size: 13pt;
  text-shadow: 3px 3px 5px black;
  margin-bottom: 3px;
}

.feedentry .subline a {
  color:white;
}

.feedentry h3 a {
  text-decoration: none;
}

.feedentry h3 a:link {
  /* color: #16144B; */
}

.feedentry h3 a:visited {
  color: #777;
}

.feedentry a {
  text-decoration: none;
  font-weight: bold;
  color: #E68A00;
}

/*
 * .submissions {
 *   margin-left: 12px;
 *   margin-right: 12px;
 * }
 */

.submissions {
  margin-top: 10px;
  margin-left: 10px;
  float:left;
  padding: 10px;
  width: 640px;
  min-height:700px;
  background-color: white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.submission {
  margin-bottom: 2px;
  max-width: 700px;
  /* border:1px solid black; */
  padding:2px;
}

.submission p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 9pt;
  font-family: Helvetica,Arial,sans-serif;
}

.submission h3 {
  font-size: 14pt;
  font-family: Calibri,"DejaWeb","Trebuchet MS",Arial,sans-serif;
  line-height: 1em;
  margin-left: -1px;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-right: 0px;
  font-weight:bold;
  text-decoration: none;
  /* text-shadow: 1px 1px 1px #b2b2b2; */
  background-color: white;
}

.thumbnail {
  float:left;margin:3px 5px 0px 0px;border:1px solid black;
}

.submission h3 a {
  text-decoration: none;
}

.submission h3 a:link {
  color: #16144B;
}

.submission h3 a:visited {
  color: #777;
}

.submission .smallactionpromote {
  display: inline;
}

.submission .smallactionpromoted {
  display: inline;
}

p.footer,
.newComment .footer,
.submission .footer {
  font-size: 8pt;
  /* font-style: italic; */
  color: #777;
  vertical-align: bottom;
}

.submission .footer {
  /* clear:left;  */
}

p.footer a,
.newComment .footer a,
.submission .footer a {
  text-decoration: none;
  font-weight: bold;
  color: #f19507;
}

.navbar {
  margin-bottom: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 200px;
  width: 100%;
}

.navbar .links {
  font-size: 9pt;
  color: #fff;
  background-color: #001b35;
  vertical-align: middle;
  height: 20px;
}

.navbar .links a {
  font-size: 9pt;
  color: white;
  vertical-align: middle;
  text-decoration: none;
  padding: 0 2px 0 2px;
}

.navbar .links a:first-child {
  padding-left: 20px;
}

.navbar .login {
  font-size: 9pt;
  color: #fff;
  vertical-align: middle;
  height: 20px;
  text-align: right;
  background-color: #ff6d03;
}

.navbar .login a {
  font-size: 9pt;
  color: #ff6d03;
  vertical-align: middle;
  text-decoration: none;
  padding-right: 10px;
}

.logo-ad {
  margin-bottom: 20px;
  /* xdisplay: inline; */
  border: 1px solid red;
}

.editlabel, .editinput, .smallbutton, .fielderror {
  font-family: "Tahoma", "Arial", sans-serif;
  font-size: 8pt;
  margin: 2px 0px 2px 0px;
  padding: 0px;
}

.editinputbig {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 10pt;
  width: 500px;
  border: 1px solid #999;
}

.editlabelbig {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 14pt;
  font-weight:bold;
  /* letter-spacing: -0.5pt; */
}


.editinput, .smallbutton {
  border: 1px solid gray;
  background-color: #fff;
}

.bigbutton {
  font-size: 10pt;
  font-family: Arial,Helvetica,sans-serif;
  border: 1px solid #999;
}

.editinput {
  padding: 0 2px 0 2px;
}

.navbar .login form {
  min-height: 20px;
  margin: 0;
}

/*
 * Comment
 */
.comment {
  margin-left: 20px;
  width: auto;
}

.comment p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.comment .header {
  color: #777;
  background-color: #fff;
  font-size: 8pt;
  width: auto;
  padding: 2px 0 2px 0;
  margin:0px 0px 0px 0px;
}

.comment .header a {
  text-decoration: none;
  color: #f19507;
}

.comment .fauxbutton {
  color: #FFC05F;
  font-size: 8pt;
  background-color: #fff;
  width: auto;
  font-weight: bold;
  padding: 2px 0 2px 2px;
  cursor: pointer;
}

td {
  /* border: 1px solid black; */
}

/*
 * My info relationships
 */

.relationship {
  margin-left: 20px;
}

.relationship img {
  padding-right: 5px;
}

.relationships a,
.relationship a {
  text-decoration: none;
  color: #001b35;
}

.relationships a:visited,
.relationship a:visited {
  text-decoration: none;
  color: #001b35;
}

/*
 * Question: Should we have tabitems styles
 * that are generic?
 */

.submit {
  margin-left: 20px;
}

.submit #tabitems {
  white-space:nowrap;
  margin-bottom: 14pt;
}

.submit #tabitems ul {
  font-size: 10pt;
  margin: 0 0 0px 0px;
  padding: 0;
}

.submit #tabitems ul li {
  background-color: #FFC05F;
  border: 1px solid #00004E;
  color: #00004E;
  cursor: pointer;
  display: inline;
  list-style-type: none;
  margin: 0 2px 0 0;
  padding: 0 5px 0 5px;
}
  
.submit #tabitems ul li.selected {
  background-color: #00004E;
  border: 1px solid #FFC05F;
  color: white;
}


/*
 * My info tabs
 */

.myinfo {
  margin-left: 20px;
}

.myinfo #tabitems {
  white-space:nowrap;
  margin-bottom: 14pt;
}

.myinfo #tabitems ul {
  font-size: 10pt;
  margin: 0 0 0px 0px;
  padding: 0;
}

.myinfo #tabitems ul li {
  background-color: #FFC05F;
  border: 1px solid #00004E;
  color: #00004E;
  cursor: pointer;
  display: inline;
  list-style-type: none;
  margin: 0 2px 0 0;
  padding: 0 5px 0 5px;
}
  
.myinfo #tabitems ul li.selected {
  background-color: #00004E;
  border: 1px solid #FFC05F;
  color: white;
}

/*
 * My info comments
 */

.userComments {
  background-color: white;
  border: none;
  color: #000;
  cursor: default;
  font-size: 10pt;
}

.userComments .titlebar {
  font-size: 14pt;
  color: #777;
}

.userComments .count {
  margin: 0 0 5px 0;
}

.userComments a {
  text-decoration: none;
  font-size: 8pt;
  color: #00004e;
}

.userComment {
  margin: 0 0 20px 0;
}

.userComment p {
  margin: 0 0 2px 0;
  padding: 0;
}

.userComment a {
  color: #ffc05f;
  font-weight: bold;
  font-size: 10pt;
}

/* END - My info comments */

/* 
 * messageControls component styles
 */
div.messageControls {
  height: 135px;
  width: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  clear: both;
}

div.messageControls table {
  width:284px;
}

tbody.messageControlsListScroll td {
  background: white;
  padding: 2px 3px 3px 4px;  
}

tbody.messageControlsListScroll tr {
  height:auto;
}

.sideControl {
  width:300px;
  margin:0;
  padding:0;
  background-color: white;
}

.sideControlHeader {
  width: 300px;
  background-color: #FFC05F;
  color:#00004E;
  padding: 4px 3px 4px 4px;
  font-size:9pt;
  font-family:"Calibri",Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

html>body .sideControlHeader {
  /* width: 243px; */
  width: 293px;
}

/*
 * User menu controls
 */
.userMenu {
  background-color: white;
  border: 1px solid #16144B;
}

.userMenu .item {
  background-color: white;
  font-size: 8pt;
  cursor: pointer;
  padding: 2px;
}

.userMenu .selected {
  background-color: #FDC060;
  font-size: 8pt;
  cursor: pointer;
  padding: 2px;
}

/* popup controls */
.popup { background-color:white; border:0px solid #00004e; position:absolute; top:0px; left:0px; width:380px; height:140px; display:none; visibility:hidden; }
.popup span { }
.popup h3 { display:block; background-color: #FFCA78; padding:3px; font-family: Tahoma,Helvetica,Arial,sans-serif; font-weight:bold; font-size:8pt; }
.popup .edit { border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:240px; }
.popup .button { border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #333; border-bottom:1px solid #333; }

/*
 * Search
 */

.search {
  margin-left: 20px;
  margin-top: 15px;
}

.search a {
  text-decoration: none;
  font-weight: bold;
}

.search a:link {
  color: #16144B;
}

.search a:visited {
  color: #777;
}

.feedback {
  padding-left:15px;
}
/* vim:set sts=2 sw=2 expandtab: */