/*******************
* Styles by element
*******************/
html
{
  HEIGHT: 100%;
}

body
{
  BACKGROUND: url(../images/backgrounds/convergence.png) center repeat-y;
  COLOR: #CCCCCC;
  FONT-FAMILY: Calibri, Arial, Helvitica;
  FONT-SIZE: 90%;
  HEIGHT: 100%;
  MARGIN: 0px;
  PADDING: 0px;
}

a, a:visited
{
  BORDER: 0px none;
  COLOR: #009900;
  TEXT-DECORATION: none;
}

a:hover
{
  COLOR: #A51922;
}

h1
{
  COLOR: #FFFFAA;
  FONT-WEIGHT: Bold;
  FONT-SIZE: 2em;
  MARGIN: 0px;
  PADDING: 0px;
  TEXT-ALIGN: Center;
  TEXT-DECORATION: none;
}

h2
{
  COLOR: #A51922;
  FONT-WEIGHT: Bold;
  FONT-SIZE: 1.75em;
  MARGIN: 0px;
  PADDING: 0px;
  TEXT-ALIGN: Center;
  TEXT-DECORATION: none;
}

h3
{
  COLOR: #FFFFAA;
  FONT-WEIGHT: Bold;
  FONT-SIZE: 1.5em;
  MARGIN: 0px;
  PADDING: 0px;
  TEXT-DECORATION: none;
  TEXT-ALIGN: left;
}

hr
{
  BACKGROUND: url(../images/horizontal_divider.png) repeat-x;
  BORDER: 0px none;
  HEIGHT: 2px;
  MARGIN-LEFT: 1px;
  MARGIN-RIGHT: 1px;
}

img
{
  BORDER: 0px none;
  VERTICAL-ALIGN: middle;
}

input, select, textarea
{
  FONT-FAMILY: Calibri, Arial, Helvitica;
  FONT-SIZE: 1em;
}

p
{
  MARGIN: 0px;
  PADDING-BOTTOM: 0.5em;
  PADDING-TOP: 0.5em;
}

table
{
  BORDER-COLLAPSE: collapse;
  BORDER-SPACING: 0px;
  WIDTH: 880px;
}

td, th, tr
{
  PADDING: 0px;
}

/*****************
* Global classes.
*****************/
.AccordionHeader
{
  BACKGROUND: url(../images/backgrounds/header.png);
  COLOR: #A51922;
  CURSOR: pointer;
  HEIGHT: 41px;
  LINE-HEIGHT: 41px;
  PADDING-LEFT: 5px;
}

.AccordionHeaderActive
{
  BACKGROUND: url(../images/backgrounds/header.png);
  COLOR: #FFFFAA;
  HEIGHT: 41px;
  LINE-HEIGHT: 41px;
  PADDING-LEFT: 5px;
}

.AccordionSection
{
  OVERFLOW: hidden;
  PADDING: 0px 5px 0px 5px;
}

.Alert
{
  COLOR: #A51922;
}

.Elegant
{
  BACKGROUND: url(../images/backgrounds/input.png);
  BORDER: 1px solid;
  BORDER-COLOR: #363636 #333333 #333333 #363636;
  COLOR: #CCCCCC;
  LINE-HEIGHT: 20px;
}

.Elegant option
{
  BACKGROUND: url(../images/backgrounds/input.png);
  COLOR: #FFFFAA;
  HEIGHT: 20px;
}

.GridHeader
{
  BACKGROUND: url(../images/backgrounds/header.png);
  COLOR: #FFFFAA;
  FONT-SIZE: 1.15em;
  FONT-WEIGHT: bold;
  HEIGHT: 48px;
  LINE-HEIGHT: 48px;
  PADDING: 0px 5px 0px 5px;
  TEXT-ALIGN: left;
}

.GridRow
{
  BACKGROUND: url(../images/backgrounds/grid_row.png);
  COLOR: #FFFFAA;
  HEIGHT: 75px;
  OVERFLOW-Y: hidden;
}

.GridRowSmall
{
  BACKGROUND: url(../images/backgrounds/grid_row_small.png);
  COLOR: #FFFFAA;
  HEIGHT: 35px;
  LINE-HEIGHT: 35px;
  OVERFLOW-Y: hidden;
  VERTICAL-ALIGN: middle;
}

.GridRowFooter
{
  BACKGROUND: url(../images/backgrounds/grid_row_footer.png) right repeat-x;
  HEIGHT: 27px;
  LINE-HEIGHT: 27px;
  PADDING: 0px 5px 0px 5px;
  TEXT-ALIGN: left;
}

.Header
{
  BACKGROUND: url(../images/backgrounds/header.png);
  COLOR: #FFFFAA;
  HEIGHT: 41px;
  LINE-HEIGHT: 41px;
}

.ImageButton
{
  BORDER: 0px;
  CURSOR: Pointer;
  VERTICAL-ALIGN: middle;
}

.InputError
{
  BACKGROUND: #C00000;
  BORDER: 1px solid;
  BORDER-COLOR: #FF0000 #800000 #800000 #FF0000;
  COLOR: #FFFFAA;
  LINE-HEIGHT: 20px;
  MIN-WIDTH: 180px;
}

.Label
{
  COLOR: #CCCCCC;
  FLOAT: left;
  MARGIN-RIGHT: 10px;
  TEXT-ALIGN: right;
  WIDTH: 125px;
}

.LabelSmall
{
  COLOR: #CCCCCC;
  FLOAT: left;
  MARGIN-RIGHT: 10px;
  TEXT-ALIGN: right;
  WIDTH: 75px;
}

.Numeric
{
  MARGIN: 0px 5px 0px 5px;
  TEXT-ALIGN: right;
}

.SoftGlow
{
  COLOR: #FFFFAA;
}

.Strikethrough
{
  TEXT-DECORATION: line-through;
}

.TitleLeft
{
  FLOAT: left;
  FONT-WEIGHT: Bold;
  FONT-SIZE: 1.25em;
  MARGIN-LEFT: 5px;
}

.TitleRight
{
  FLOAT: right;
  FONT-WEIGHT: Bold;
  FONT-SIZE: 1.25em;
  MARGIN-RIGHT: 5px;
}

/***********************************
* Classes by element and class name
***********************************/
a.Legendary, a.Legendary:visited
{
  COLOR: #FF4400;
  TEXT-DECORATION: none;
}

a.Epic, a.Epic:visited
{
  COLOR: #AA00AA;
  TEXT-DECORATION: none;
}

a.Rare, a.Rare:visited
{
  COLOR: #0000DD;
  TEXT-DECORATION: none;
}

a.Uncommon, a.Uncommon:visited
{
  COLOR: #00DD00;
  TEXT-DECORATION: none;
}

.Centered
{
  MARGIN: 10px 0px 10px 0px;
  TEXT-ALIGN: center;
}

div.Clear
{
  CLEAR: both;
}

div.DataEntry
{
  CLEAR: both;
  LINE-HEIGHT: 21px;
  MARGIN: 5px 0px 5px 0px;
}

input.Elegant
{
  HEIGHT: 17px;
  WIDTH: 180px;
}

select.Elegant
{
  HEIGHT: 1.45em;
  WIDTH: 182px;
}

td.ListRow
{
  BACKGROUND-COLOR: #C0C0C0;
  COLOR: Black;
}

td.AlternatingRow
{
  BACKGROUND-COLOR: #97B4CD;
  COLOR: Black;
}

textarea.Elegant
{
  BACKGROUND: url(../images/backgrounds/textarea.png) repeat-x;
}

ul.NoBullets
{
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING: 0px;
}

/************
* Navigation
************/
#divMomentum
{
  MARGIN: 0px auto;
  WIDTH: 900px;
}

#ctl00_slideBanner_divControls
{
  DISPLAY: none;
}

.Navigation
{
  BACKGROUND: url(../images/backgrounds/crimson_header.png);
  DISPLAY: block;
  HEIGHT: 28px;
}

.Navigation li
{
  DISPLAY: inline;
  LINE-HEIGHT: 28px;
}

.Navigation a, .Navigation a:visited
{
  PADDING: 5px 10px 5px 10px;
}

.Navigation a:hover
{
  BORDER-BOTTOM: 2px solid #009900;
}

.PageTitle
{
  BACKGROUND: url(../images/backgrounds/crimson_header.png);
  HEIGHT: 24px;
  MARGIN-BOTTOM: 20px;
  PADDING: 4px 0px 0px 5px;
}

#divLogin
{
  BORDER: 1px solid #363636;
  LEFT: 50%;
  MARGIN-LEFT: -150px;
  POSITION: absolute;
  TOP: 150px;
  WIDTH: 340px;
  Z-INDEX: 3;
}

/******
* News
******/
.NewsAuthor
{
  BACKGROUND: url(../images/news_title.png);
  HEIGHT: 31px;
  LINE-HEIGHT: 31px;
}

.NewsTitle
{
  WIDTH: 300px;
}

.NewsContent
{
  HEIGHT: 150px;
  WIDTH: 300px;
}

#divPostDate
{
  BACKGROUND: #000000;
  BORDER: 1px solid #363636;
  FLOAT: left;
  HEIGHT: 60px;
  MARGIN-RIGHT: 10px;
  TEXT-ALIGN: center;
  WIDTH: 60px;
}

.NewsDay
{
  COLOR: #009900;
  DISPLAY: block;
  FONT-SIZE: 2.25em;
}

.NewsMonth
{
  COLOR: #FFFFAA;
  FONT-SIZE: 0.75em;
}

/*********
* Members
*********/
#divMemberInfo
{
  FLOAT: left;
  WIDTH: 52%;
}

#divGuildRoster
{
  FLOAT: right;
  WIDTH: 40%;
}

#ulMemberNavigation
{
  DISPLAY: inline;
  MARGIN: 0px;
  PADDING: 0px;
}

#ulMemberNavigation li
{
  BORDER-LEFT: 1px solid #FFFFAA;
  DISPLAY: inline;
  LIST-STYLE: none;
  PADDING: 0px 10px 0px 10px;
}

#ulMemberNavigation li.First
{
  BORDER-LEFT: 0px none;
}

.GuildRank
{
  BACKGROUND: url(../images/backgrounds/header.png);
  COLOR: #A51922;
  CURSOR: pointer;
  FONT-SIZE: 2em;
  HEIGHT: 41px;
  LINE-HEIGHT: 41px;
  PADDING-LEFT: 5px;
}

.SelectedGuildRank
{
  BACKGROUND: url(../images/backgrounds/header.png);
  COLOR: #FFFFAA;
  CURSOR: pointer;
  FONT-SIZE: 2em;
  HEIGHT: 41px;
  LINE-HEIGHT: 41px;
  PADDING-LEFT: 5px;
}

.GuildMember
{
  BACKGROUND: url(../images/backgrounds/grid_row.png);
  COLOR: #FFFFAA;
  CURSOR: pointer;
  FONT-SIZE: 1.5em;
  HEIGHT: 64px;
  LINE-HEIGHT: 64px;
}

.NewCharacter
{
  BACKGROUND: url(../images/backgrounds/grid_row.png);
  COLOR: #228B22;
  CURSOR: pointer;
  FONT-SIZE: 1.5em;
  HEIGHT: 64px;
  LINE-HEIGHT: 64px;
}

.GuildRoster
{
  MARGIN-RIGHT: 5px;
  VERTICAL-ALIGN: middle;
}

.PostComment
{
  TEXT-ALIGN: right;
}

.PostComment a
{
  FLOAT: left;
  VERTICAL-ALIGN: top;
}

.PostComment textarea
{
  FLOAT: right;
  HEIGHT: 70px;
  WIDTH: 75%;
}

/*************
* Media Files
*************/
img.Thumbnail
{
  CURSOR: pointer;
  FLOAT: left;
  HEIGHT: 60px;
  MARGIN-RIGHT: 5px;
  WIDTH: 60px;
}

div.Comments
{
  COLOR: #FFFFAA;
  HEIGHT: 2.4em;
  OVERFLOW-Y: hidden
}

div.MediaChanges
{
  MARGIN: 0px auto;
  WIDTH: 790px;
}

/***********
* Blacklist
***********/
#divBlacklistViewport
{
  HEIGHT: 265px;
  OVERFLOW-Y: scroll;
}

#divBlacklistViewport div
{
  FLOAT: left;
  WIDTH: 100%;
}

#divBlacklistViewport span
{
  DISPLAY: block;
  FLOAT: left;
  MARGIN-TOP: 5px;
}

div.BlacklistEntry
{
  BORDER: 1px solid #363636;
  FLOAT: right;
  MARGIN-RIGHT: 50px;
  PADDING-RIGHT: 20px;
}

.ListButton
{
  FLOAT: left;
  MARGIN-RIGHT: 5px;
}

div.Notice
{
  BORDER: 1px solid #363636;
  MARGIN: 0px auto 20px;
  WIDTH: 350px;
}

div.Notice div
{
  BACKGROUND: url(../images/backgrounds/crimson_header.png) repeat-x;
  COLOR: #FFFFAA;
  FONT-WEIGHT: bold;
  HEIGHT: 28px;
  LINE-HEIGHT: 28px;
  MARGIN-BOTTOM: 5px;
  TEXT-ALIGN: center;
}

div.Notice p
{
  PADDING: 5px;
}

/***********
* Resources
***********/
#divDropDown
{
  BORDER: 1px solid #808080;
  POSITION: absolute;
  HEIGHT: 88px;
  OVERFLOW-Y: scroll;
  WIDTH: 84px;
  Z-INDEX: 2;
}

#divDropDown div
{
  BACKGROUND: #E9EEEE;
  BORDER-LEFT: 1px solid #FFFFFF;
  BORDER-RIGHT: 1px solid #C0C0C0;
  FLOAT: left;
  HEIGHT: 704px;
  WIDTH: 20px;
}

img.DropDown
{
  BACKGROUND-COLOR: #A51922;
  BORDER-BOTTOM: 1px solid #800000;
  BORDER-LEFT: 1px solid #FF0000;
  BORDER-RIGHT: 1px solid #800000;
  BORDER-TOP: 1px solid #FF0000;
  MARGIN-LEFT: -3px;
  PADDING: 18px 5px 18px 5px;
}

img.SelectedPool
{
  BORDER-BOTTOM: 1px solid #404040;
  BORDER-LEFT: 1px solid #404040;
  BORDER-TOP: 1px solid #404040;
  MARGIN-LEFT: 23px;
}

/********************
* File Upload Inputs
********************/
.FileUpload
{
  CURSOR: pointer;
  OPACITY: 0;
  POSITION: relative;
  TOP: -5px;
  WIDTH: 150px;
  Z-INDEX: 2;
}

.UploadFileName
{
  CURSOR: pointer;
  LEFT: -154px;
  POSITION: relative;
  TOP: -5px;
  WIDTH: 150px;
}

.UploadButton
{
  CURSOR: pointer;
  LEFT: -154px;
  POSITION: relative;
  TOP: -5px;
}

/***************
* Modal Dialogs
***************/
div.ModalBackground
{
  BACKGROUND-COLOR: #101010;
  MIN-HEIGHT: 1200px;
  MIN-WIDTH: 100%;
  Z-INDEX: 2;
}

div.ModalWindow
{
  BACKGROUND: #202020;
  BORDER: 1px solid #363636;
  LEFT: 50%;
  POSITION: absolute;
  TOP: 150px;
  Z-INDEX: 3;
}

div.ModalWindow .Title
{
  BACKGROUND: url(../images/backgrounds/gray_header.png) repeat-x;
  HEIGHT: 28px;
  LINE-HEIGHT: 28px;
  MARGIN-BOTTOM: 20px;
  MIN-WIDTH: 100%;
  TEXT-ALIGN: center;
}

div.ModalWindow .Title .Close
{
  CURSOR: pointer;
  FLOAT: right;
  MARGIN: 5px 5px 0px 0px;
}

div.ModalWindow .Title span
{
  COLOR: #FFFFAA;
  FONT-SIZE: 1.15em;
  FONT-WEIGHT: bold;
  PADDING-LEFT: 21px;
}