/* ------------------------------------------------------------
   general
------------------------------------------------------------ */

body, td {
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

body, p, ol, ul {
  margin: 0px;
}

body, p {
  padding: 0px;
}

form input, form select {
  font-size: 100%;
}

form textarea {
  font-size: 100%;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#crumb {
  font-size: 80%;
}

table#crumb {
  border-collapse: collapse;
  width: 100%;
}

table#crumb td {
  margin: 0;
  padding: 0;
}

#crumb #nav {
  text-align: left;
}

#crumb #user_welcome {
  text-align: right;
}

#flash {
  color: #00e500;
  text-align: left;
}

#pageTitle {
  background-color: #944;
  font-size: 120%;
  font-weight: bold;
  margin: 1px 0px 1px 0px;
  padding: 3px;
  text-align: left;
}

#pageContent {
  text-align: left;
}

#pageContent p {
  line-height: 1.5em;
  padding: 3px 0px 3px 0px;
}

#main {
  margin-bottom: 30px;
}

#main_subscriptions {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

p.tooltip {
  background: #ebf595;
  border: 1px solid black;
  color: black;
  padding: 3px;
  text-align: center;
}

table.data td.manageAdminName {
  background: green;
}

/* ------------------------------------------------------------
   generic table business
------------------------------------------------------------ */

table td.clickable a {
  text-decoration: none;
}

table td.clickable a:hover {
  text-decoration: underline;
}

table.data tr.inactive td {
  text-decoration: line-through;
}

table.data {
  border-collapse: collapse;
  margin: 3px 0 3px 0;
  width: 100%;
}

table.form {
  border-collapse: collapse;
  width: 100%;
}

table.form th.title {
  text-align: right;
  vertical-align: middle;
}

table.form td,
table.form th {
  border: 1px solid black;
  line-height: 1.5em;
  padding: 2px;
}

table th.title {
  text-align: left;
  vertical-align: middle;
  font-size: 80%;
}

table td.clickable {
  text-align: left;
}

table.data td {
  border: 1px solid black;
  line-height: 1.5em;
  padding: 2px;
}

table.data th {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  font-size: 80%;
  padding: 3px 0 3px 0;
}

table.data th.title {
  border: none;
  padding: 2px;
}

table.data td.count {
  text-align: right;
}

table td.title {
  text-align: left;
}

table td.number {
  text-align: right;
}

table td.recordTitle {
  text-align: right;
  vertical-align: top;
  width: 20%;
}

.spanGreen {
  color: #0ba827;
}

.spanRed {
  color: #da0506;
}

#footerNav {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 700px;
}

#powered_by {
  text-align: center;
}

/* ------------------------------------------------------------
   images
------------------------------------------------------------ */

img.icon {
  border: 0;
  height: 16px;
  margin-right: 5px;
  vertical-align: bottom;
  width: 16px;
}

img.raw_icon {
  border: 0;
  height: 16px;
  vertical-align: bottom;
  width: 16px;
}

img.armory_icon {
  border: 0;
  height: 16px;
  vertical-align: bottom;
  width: 16px;
}

img.wow_icon {
  border: 0;
  height: 18px;
  vertical-align: bottom;
  width: 18px;
}

.ggcode img {
  border: 0;
}

img.rss_icon {
  border: 0;
  height: 16px;
  margin-right: 3px;
  vertical-align: bottom;
  width: 16px;
}

/* ------------------------------------------------------------
   guild admin console
------------------------------------------------------------ */

div#adminConsole {
  border: 1px solid white;
  float: right;
  margin: 3px 3px 0px 0px;
  width: 10%;
}
 
div#adminConsole table.data {
  margin: 0;
  padding: 0;
}

div#adminConsole table.data th {
  border-top: none;
  font-size: 80%;
  padding-top: 3px;
  vertical-align: middle;
}

div#adminConsole table.data td#tutorial {
  background: #cffdaa;
}

div#adminConsole table.data td.unavailable {
  text-decoration: line-through;
}

div#adminConsole table.data td#subscribe {
  background: #280;
}

div#adminConsole table.data td#tutorial {
  background: yellow;
}

div#adminConsole table.data td#tutorial a {
  color: blue;
}

div#adminConsole table.data td#tutorial a:active {
  color: black;
}

div.ggcode p {
  line-height: 1.5em;
}

span.ggcode {
  line-height: 1.5em;
}

.ggcode div.google_video {
}

.ggcode div.youtube {
}

.ggcode div.filefront {
}

.ggcode div.flash_embed {
}

div.bbcode_info {
  margin-left: 23px;
}

/* ------------------------------------------------------------
   main guild home page
------------------------------------------------------------ */

#guildMain div.ggcode p {
  margin: 0.5em;
}

#guildMain table {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

#guildMain table th {
  border: 1px solid black;
}

#guildMain table td {
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

#guildMain th {
  padding: 2px;
  text-align: left;
}

#guildMain td#leftColumn {
  vertical-align: top;
}

#guildMain #leftColumn table {
  width: 175px;
}

#guildMain td#rightColumn {
  padding: 0px 0px 0px 5px;
  vertical-align: top;
}

#guildMain #rightColumn table {
  width: 515px;
}

/* ------------------------------------------------------------
   guild news
------------------------------------------------------------ */

table.news {
  margin: 1px 0px 1px 0px;
  width: 100%;
}

table.news td {
  border: none;
}

table.news td.title {
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  padding: 2px;
}

table.news td.title a {
  font-weight: bold;
}

table.news td.header {
  padding: 2px;
}

table.news td.body {
  padding: 2px;
}

/* ------------------------------------------------------------
   guild applications niblet
------------------------------------------------------------ */

#guildMain table#guildApplicationsNib {
  border: 1px solid black;
  margin: 1px 0px 1px 0px;
  width: 100%;
}

#guildMain table#guildApplicationsNib td {
  border: 1px solid black;
  padding: 2px;
}

/* ------------------------------------------------------------
   guild info niblet
------------------------------------------------------------ */

#guildMain table#guildInfoNib {
  margin: 1px 0px 1px 0px;
}

#guildMain table#guildInfoNib td {
  border: 1px solid black;
  padding: 2px;
}

#guildMain table#guildInfoNib td.label {
  padding: 2px;
  text-align: right;
}

/* ------------------------------------------------------------
   guild description niblet
------------------------------------------------------------ */

#guildMain table#guildDescriptionNib {
  margin: 1px 0px 1px 0px;
  width: 100%;
}

#guildMain table#guildDescriptionNib td {
  border: 1px solid black;
  line-height: 1.5em;
  padding: 2px;
}

/* ------------------------------------------------------------
   latest news niblet
------------------------------------------------------------ */

#guildMain table#latestNewsNib {
  margin: 1px 0px 1px 0px;
}

#guildMain table#latestNewsNib td {
  border: 1px solid black;
  padding: 2px;
}

#guildMain table#latestNewsNib td.title {
}

#guildMain table#latestNewsNib td.title a {
  font-weight: bold;
}

#guildMain table#latestNewsNib td.header {
  padding: 2px;
}

#guildMain table#latestNewsNib td.body {
}

/* ------------------------------------------------------------
   raid calendar niblet
------------------------------------------------------------ */

#guildMain table#raidCalendarNib {
  border: 1px solid black;
  margin: 1px 0px 1px 0px;
  width: 100%;
}

#guildMain table#raidCalendarNib td#week div.day {
  border: 1px solid white;
  float: left;
  min-height: 60px;
  margin: 1px;
  padding: 3px;
  width: 60px;
}

#guildMain table#raidCalendarNib td#week div.date {
  border-bottom: 1px dotted white;
  height: 20px;
  text-align: center;
}

#guildMain table#raidCalendarNib td#week span.eventTime {
  color: gray;
}

#guildMain table#raidCalendarNib td#week div.today {
  background: #6fe86f;
  border: 1px solid yellow;
  float: left;
  min-height: 60px;
  margin: 1px 1px 1px 0px;
  padding: 3px;
  width: 60px;
}

#guildMain table#raidCalendarNib td#week div.today div.date {
  border-bottom: 1px dotted black;
  color: black;
}

/* ------------------------------------------------------------
   voice server niblet
------------------------------------------------------------ */

#guildMain div.voiceServerNib td {
  border: 1px solid black;
  padding: 2px;
  vertical-align: bottom;
}

#guildMain div.voiceServerNib td.label {
  padding: 2px;
  text-align: right;
  vertical-align: middle;
}

#guildMain div.voiceServerNib td.label img.ventIcon {
  margin: 0;
  padding: 0;
}

/* ------------------------------------------------------------
   recent loot niblet
------------------------------------------------------------ */

#guildMain table#recentLootNib {
  border: 1px solid black;
  margin: 1px 0px 1px 0px;
  width: 100%;
}

#guildMain table#recentLootNib td {
  border: 1px solid black;
  padding: 2px;
}

/* ------------------------------------------------------------
   more news niblet
------------------------------------------------------------ */

#guildMain table#moreNewsNib {
  border: 1px solid black;
  margin: 1px 0px 1px 0px;
  width: 100%;
}

#guildMain table#moreNewsNib td {
  border: 1px solid black;
  padding: 2px;
}

/* ------------------------------------------------------------
   recent raids niblet
------------------------------------------------------------ */

#guildMain table#recentRaidsNib {
  border: 1px solid black;
  margin: 1px 0px 1px 0px;
  width: 100%;
}

#guildMain table#recentRaidsNib td {
  border: 1px solid black;
  padding: 2px;
}

/* ------------------------------------------------------------
   links niblet
------------------------------------------------------------ */

#guildMain table#guildLinksNib {
  border: 1px solid black;
  margin: 1px 0px 1px 0px;
  width: 100%;
}

#guildMain table#guildLinksNib td {
  border: 1px solid black;
  padding: 2px;
}

/* ------------------------------------------------------------
   account payments section
------------------------------------------------------------ */

#account_payments {
  background-color: #333333;
}

#account_payments a {
	text-decoration: underline;
}
/* ------------------------------------------------------------
   rails boilerplate
------------------------------------------------------------ */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  color: #008;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #000;
}

#errorExplanation p {
  color: #333;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#errorExplanation a {
  color: #c51e00;
}