/* Holy Knights of Westmarch Inner Sanctum Style Sheet
**
** COLORS
**---------------------------------------
**
** Magic Violet:   #4850B8
** Rare Yellow:    #FFFF00
** Crafted Orange: #FFA500
** Set Green:      #00C400
** Unique Gold:    #908858
**
** Links    (Medium Blue):   #A0A060
** HKW Blue:                 #0066CC
** Headings (Golden Yellow): #FFCC00
** Normal Text (Gray):       #DDDDDD
** Background (Black):       #111111
**
*/

/* FORMS
---------------------------------------------------
*/
TEXTAREA
{
  FONT-WEIGHT: normal;
  FONT-SIZE:   8pt;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
}
SELECT
{
  FONT-WEIGHT: normal;
  FONT-SIZE:   8pt;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
}
INPUT
{
  FONT-WEIGHT: normal;
  FONT-SIZE:   8pt;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.required {
   color: #f00;
   font-weight: bold;
   font-size: 120%;
   padding: 2px;
 }

/* TABLE
---------------------------------------------------
*/
TABLE {
  FONT-WEIGHT:     normal; 
  FONT-SIZE:       100%; 
  FONT-FAMILY:     Arial, Helvetica, sans-serif;
}
TABLE.norm {
  BORDER-COLLAPSE: collapse;
  BORDER:          1px solid #999999;
}
TABLE.view {
  border-collapse: collapse;
  border: 1px solid #333333;
}
TABLE.view td {
  border: 1px solid #333333;
}
TR.head {
  BACKGROUND: #DAAF66;
  COLOR:      #111111;
}
TR.body {
  BACKGROUND: #000000;
}
td.headOuter {
  BACKGROUND: #111111;
  COLOR:      #DAAF66;
  font-weight: bold;
}
td.bold {
  font-weight: bold;
}
td.data {
  color: #cccc99;
}
td.headInner {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  BACKGROUND: #111111;
  COLOR:      #DAAF66;
  font-weight: bold;
}

/* TITLE
---------------------------------------------------------------*/
.titleSection {
  padding-bottom: 5px;
}

.title {
  font-size: 150%;
  font-weight: bold;
  color: #DAAF66;
  border-bottom: 1px solid #777;
}

.titleLeft {
  font-size: 80%;
  font-weight: bold;
  text-align: left;
}

.titleRight {
  font-size: 80%;
  text-align: right;
}

.subtitle {
  color: #DAAF66;
  font-weight: bold;
  font-size: 115%;
  border: 0px;
  margin-top: 10px;
  padding-left: 16px;
  background-image: url('../images/arrow_right.gif');
  background-repeat: no-repeat;
}

.subtitlePlain {
  color: #DAAF66;
  font-weight: bold;
  font-size: 115%;
  border: 0px;
  padding-top: 10px;
}

/* MENU BAR
---------------------------------------------------------------*/
.menubar {
  border: 1px solid #333333;
  background: #222222;
  color: #999999;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px;
}

.menubarright {
  float: right;
  text-align: right;
  width: 200px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px;
}

/* GENERAL - NORMAL
---------------------------------------------------------------*/
.tiny {
  FONT-SIZE:   80%;
}
.unbold {
  font-weight: normal;
}
.norm {
  FONT-SIZE:   100%;
}
.bold {
  FONT-SIZE:   100%;
  FONT-WEIGHT: bold;
}
.head {
  COLOR:       #DAAF66;
  FONT-SIZE:   100%;
  FONT-WEIGHT: bold;
}
.parchment {
  COLOR:       #DAAF66;
  FONT-SIZE:   10pt;
}
.red {
  COLOR:       #FF0000;
  FONT-SIZE:   10pt;
}
.green 
{
  COLOR:       #00FF00;
  FONT-SIZE:   10pt;
}
.cyan
{
  color: #0ff;
  font-size: 10pt;
}
.yellow {
  COLOR:       #FFCC00;
  FONT-SIZE:   10pt;
}
.orange {
  COLOR:       orange;
  FONT-SIZE:   10pt;
}
.bparchment {
  COLOR:       #DAAF66;
  FONT-SIZE:   10pt;
  FONT-WEIGHT: bold;
}
.bred {
  COLOR:       #FF0000;
  FONT-SIZE:   10pt;
  FONT-WEIGHT: bold;
}
.byellow {
  COLOR:       #FFCC00;
  FONT-SIZE:   10pt;
  FONT-WEIGHT: bold;
}
.borange {
  COLOR:       orange;
  FONT-SIZE:   10pt;
  FONT-WEIGHT: bold;
}

h1 {
  font-size: 150%;
  color: #DAAF66;
  border-bottom: 1px solid #777;
}


h2 {
  font-size: 130%;
  color: #DAAF66;
}

h3 {
  font-size: 110%;
  color: #DAAF66;
}

h4 {
  font-size: 100%;
  color: #DAAF66;
}

.hide { 
  DISPLAY: none;
}

.show {
  display: inline;
}

.hideRow {
  display: none;
}

.showRow {
  display: table-row;
}


/* GENERAL - MAGIC
---------------------------------------------------------------*/
.mtiny {
  COLOR:       #4850B8;
  FONT-SIZE:   8pt;
}
.mnorm {
  COLOR:       #4850B8;
  FONT-SIZE:   10pt;
}
.mbold {
  COLOR:       #4850B8;
  FONT-SIZE:   10pt;
  FONT-WEIGHT: bold;
}

/* GENERAL - SET
---------------------------------------------------------------*/
.stiny {
  COLOR:       #00C400;
  FONT-SIZE:   8pt;
}
.snorm {
  COLOR:       #00C400;
  FONT-SIZE:   10pt;
}
.sbold {
  COLOR:       #00C400;
  FONT-SIZE:   10pt;
  FONT-WEIGHT: bold;
}

/* GENERAL - UNIQUE
---------------------------------------------------------------*/
.utiny {
  COLOR:       #908858;
  FONT-SIZE:   8pt;
}
.unorm {
  COLOR:       #908858;
  FONT-SIZE:   10pt;
}
.ubold {
  COLOR:       #908858;
  FONT-SIZE:   10pt;
  FONT-WEIGHT: bold;
}

/* LINKS
---------------------------------------------------------------*/
A {
  TEXT-DECORATION: none;
}
A:link {
  COLOR: #cc9900;
  TEXT-DECORATION: underline;
}
A:visited {
  COLOR: #cc9900;
  TEXT-DECORATION: underline;
}
A:hover {
  COLOR: #ffcc33;
  TEXT-DECORATION: underline;
}
A:active {
  COLOR: #cc9900;
  TEXT-DECORATION: underline;
}

/* BODY
---------------------------------------------------------------*/
BODY {
  FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
  FONT-SIZE:   90%;
  BACKGROUND:  #000000;
  COLOR:       #DDDDDD;
}

/* RANKS
---------------------------------------------------------------*/
.captain    { COLOR: #E7CD3F; }
.commander  { COLOR: #D58A03; }
.magus      { COLOR: #82D2E7; }
.chancellor { COLOR: #655A98; }
.seraphim   { COLOR: #CD5913; }
.knight     { COLOR: #1EAA59; }
.warrior    { COLOR: #9E34A5; }
.squire     { COLOR: #1C70A2; }
.apprentice { COLOR: #7E7E7E; }
.companion  { COLOR: #C1242C; }

/* MESSAGES
---------------------------------------------------------------*/
.msgError {
  color: #f00;
  background: #200;
  border: 1px solid #400;
  padding: 2px;
 }
 
 .msgInfo {
   color: #ccc;
   background: #222;
   border: 1px solid #908858;
   padding: 2px;
 }
 
 .msgWarn {
    color: #ccc;
    background: #222;
    border: 1px solid #ff4;
    padding: 2px;
 }
 
 .msgOK {
   color: #0f0;
   background: #020;
   border: 1px solid #040;
   padding: 2px;
 }
 
 .msgEmphasis {
   color: #39f;
 }
 
/* MESSAGES
---------------------------------------------------------------*/
.error {
  color: #f00;
}


/* NEWS
---------------------------------------------------------------*/
.newsBox {
	font-weight: normal;
	color: #0099CC;
	background: #001;
	border: 1px solid #224;
	padding: 2px;
}

.newsTitle {
	font-weight: bold;
	text-transform: capitalize;
	color: #fff;
	border-bottom: 1px solid #333;
}

.newsSubTitle {
	font-size: 85%;
	color: #99a;
}

.newsDateBox {
	float: right;
	text-align: right;
	width: 200px;
	height: 25px;
}

.newsAuthor {
	font-weight: normal;
	color: #DAAF66;
}

.newsDate {
	font-weight: normal;
	color: #FF8000;
}