/* -- general stuff -- */
h1, h2, h3, h4, h5, h6 { text-align:center; }
.menubar a, .menubar, .menubar2 a, .menubar2 { display:block;margin:0px; }
.menubar3 a, .menubar3, .menubarh, .menubarh a { display:block;margin:0px; }
.menubarinactive, .menubarinactive a { display:block;margin:0px; }
.ccolorpink { color:#ff0088;background-color:transparent;text-decoration:none; }
.ccolorblue { color:#2222aa;background-color:transparent;text-decoration:none; }
a.ccolorblue a.ccolorblue:link, a.ccolorblue:visited, a.ccolorblue:active {color:#6666ff;background-color:transparent;}
a.ccolorblue:hover { color:#ffff00;background-color:transparent; }
.sidebar { color:#ffffff;background-color:#0000cc; }

/* - menubar (www.hhooru.com) */
.menubar {
color:#00ffff;background-color:transparent;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:10pt;
line-height:1.4em;
text-align:center;
width:100px;
}
.menubar a:link, .menubar a:visited {
/* applies to 'a' elements outside a td element only */
/* note:this works, except the background-color portion */
color:#00ffff;background-color:transparent;
}
.menubar a:hover {
color:#ffff00;background-color:#0000ff;
padding:2px;margin:-2px;
}
table.menubar {
width:auto;					/* table size is set by html code */
border:1px outset #f1f1f1;
}
td.menubar {
/* width:auto; default is size of contents. */
color:#00ffff;background-color:transparent;
padding-bottom:2px; /* all margins are out of the hover area  */
width:100px;
border-color:#f1f1f1;
}

/*
 * - menubarl
 *   menubarl used:to display links @ all other webpages
 *    notes:displays a border on tables
 *     place in a presized tabled on the html/asp page.
 */
.menubarl, .menubarl a, .menubarl td, .menubarl table { display:block;margin:0px; }
.menubarl {
background-color:transparent;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:10pt;
width:100%;
color:#00ffff;
text-align:left;
text-indent:10px;
line-height:1.2em;
padding-top:3px;
padding-right:0px;
padding-bottom:3px;
padding-left:0px;
}
.menubarl a:link, .menubarl a:visited {
color:#00ffff;
background-color:transparent;
margin-top:-3px;
margin-bottom:-3px;
padding-top:3px;
padding-bottom:3px;
line-height:130%;
}
.menubarl a:hover {
color:#ffff00;
background-color:#0000ff;
margin-top:-3px;
margin-bottom:-3px;
padding-top:3px;
padding-bottom:3px;
line-height:130%;
}
/*  style="border-collapse:collapse" cellpadding="0" */
/* border-collapse:collapse; */
table.menubarl { width:100%;border:1px outset #f1f1f1; }
td.menubarl {
border-left:1px outset #f1f1f1;
}

/* - menubar2 stuff --- */
/*   menubar2 used in:                                       */
.menubar2 {
color:#00ff88;
font-size:10pt;
line-height:1.5em;
top:0em;right:0em;bottom:0em;left:0em;
text-align:center;
}
table.menubar2 { border:2px outset; }
td.menubar2 { width:100%; }

/* hover working over "a" elements */
.menubar2 a:hover { background-color:#0000ff;color:#ffff00; }

/* - menubarh stuff --- */
/*   menubarh applies to horizontal menus at the top of pages */
.menubarh { margin:0px; }
.menubarh {
color:#00ffff;
font-size:10pt;
line-height:120%;
text-align:center;
}
table.menubarh { border:2px outset; }
td.menubarh { border:2px outset; }
a.menubarh a:link, a.menubarh a:visited { color:#00ffff; }
.menubarh a:hover { background-color:#0000ff;color:#ffff00; }

/* ---------------------------------------------------------- */
/* --- menubar3 stuff --- */
/* ---------------------------------------------------------- */
.menubar3 {
font-family:Arial, Helvetica, Verdana, sans-serif;font-size:10pt;text-align:center;
color:#00ffff;background-color:transparent;
margin:0px 3px;
width:14em;
line-height:1.4em;
}
.menubar3 a:hover { color:#ffff00;background-color:#0000ff;text-decoration:none; }

/* --- textbox stuff --- */
/* text box used on main page */
.textbox { color:#003399;background-color:#c0c0c0; }
/* the following works.  colors text inside a .textbox p element. */
.textbox p { color:#003399;background-color:#c0c0c0; }
table.textbox {
/*
 * border-collapse:separate;
 * border-spacing:2pt;
 */
border:2px outset;
width:100%;
}
td.textbox { padding:5px;border:3px inset;width:100%; }

/* begin 12/09/2002 topmenu stuff (all pages) */
.topmenu {
font-family:Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
font-style:italic;font-size:10pt;text-align:center;
}

div.topmenu { float:left;width:108px;padding:0px;margin:0px;clear:none; }

.topmenulist {
font-family:Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
font-style:italic;
font-size:10pt;
}
.topmenun, p.topmenun {
font-family:Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
font-style:normal;
font-size:12pt;
}
td.topmenu { text-align:center; vertical-align:bottom; width:108px; }

td.topmenulist {
text-align:center;
vertical-align:bottom;
width:108px;
}
.topmenudim {
font-family:arial narrow,sans-serif;
font-style:italic;
font-size:10pt;
color:#999999;
}
.topmenudimwhite {
font-family:arial narrow,sans-serif;
font-style:italic;
font-size:10pt;
color:#cccc00;
}

/* -  begin 12/17/2002 tablemenu stuff----                    */
/*    /gs/spells/default.asp                                  */

.tablemenu {
font-family:arial narrow,sans-serif;
font-style:italic;
font-size:10pt;
text-align:left;
vertical-align:bottom;
width:120px;
}

/* final stuff */
.clsdate {
display:block;
font-family:arial, verdana, helvetica, sans-serif;
color:#666600;background-color:transparent;
}
.clscast, .clsgreen {
display:block;
font-family:Arial,Verdana,Helvetica,sans-serif;
color:#006600;background-color:transparent;
}
.green { color:#0F0;background-color:inherit; }
.clsminorfail {
display:block;
font-family:arial, verdana, helvetica, sans-serif;
color:#808000;
background-color:transparent;
}
.clsmajorfail {
display:block;
font-family:arial, verdana, helvetica, sans-serif;
color:#aa8855;
background-color:transparent;
}
.clsgreenandbold {
display:block;
font-family:arial, verdana, helvetica, sans-serif;
color:#00ff00;
background-color:transparent;
font-weight:bold;
}
.clswhite, .clsexam {
display:block;
font-family:arial, verdana, helvetica, sans-serif;
color:#ffffff;
background-color:transparent;
}
.clswhiteitalic {
display:block;
font-family:arial narrow, verdana, helvetica, sans-serif;
font-style:italic;
color:#ffffff;
background-color:transparent;
}
.clscomment {
display:block;
font-family:arial, verdana, helvetica, sans-serif;
font-style:italic;
color:#ffffff;
background-color:transparent;
}
.clspour, .clstraptype, .clsyellow {
font-family:arial, verdana, helvetica, sans-serif;
display:inline;
font-family:arial, verdana, helvetica, sans-serif;
color:#666600;
background-color:transparent;
}
.clsitem, .clslightergreen, .clsdimgreen {
display:block;
font-family:arial, verdana, helvetica, sans-serif;
color:#008800;
background-color:transparent;
}
.txtdimgreen {
display:inline;
font-family:arial, verdana, helvetica, sans-serif;
color:#99cc66;
background-color:transparent;
}
a.clsgreenongray, a.clsgreenongray:visited, .clssoftergreen {
display:block;
font-family:arial, verdana, helvetica, sans-serif;
color:#33cc33;background-color:transparent;
}
a.clsblueongray, a.clsblueongray:visited, a.clsdarkblue, a.clsdarkblue:visited {
display:block;
font-family:arial, verdana, helvetica, sans-serif;
color:#3333ff;background-color:transparent;
}
.clstableheader {
font-family:arial, verdana, helvetica, sans-serif;
font-style:italic;
display:inline;
color:#ffff00;background-color:transparent;
vertical-align:bottom;
}
table.clsenchanttable {
margin:2px;padding:2px;border:4px outset #f1f1f1;
}
/* Took me forever to figure out why the link was always light bright blue.    */
/* Even after clearing out the cache, i expected the link to be displayed red. */
/* I never did clear the history, and while looking over the top of the code,  */
/* I then realized that the a:visited was resolving the color.                 */
.clsredongray, a.clsredongray, a.clsredongray:visited {
color:#cc3333;background-color:transparent;
}
a.clsredongray:hover {
 color:#ffff00;
}
.clsredongraybold {
color:#cc3333;background-color:transparent;
font-weight:bold;
}
a:hover { color:#ffff00;background-color:transparent; }

/* added 2006/07/01 */
body {
/* background-image:url("gs3_background.jpg"); */
/* NOTE: When changing the background-color, fix the background-image. */
/* color:#D9D9B9; is a nice light green */
background-color:#C7C5AC;color:#003366;
background-image:url("http://www.hhooru.com/images/left_bg.jpg");background-repeat:repeat-y;
margin:0px;
}
body, p, td {
font-family:Helvetica,Verdana,Arial,Geneva,Tahoma,sans-serif;
font-size:10pt;
}

table, img { padding:0px;margin:0px;border:0px;border-collapse:collapse; }
td { padding:0px;margin:0px;vertical-align:top; }

/* 2008.10.21 */
#container { margin:0px;padding:0px;clear:both; }
#leftside { float:left;width:180px;height:auto;color:#ccccaa;background-color:transparent;text-align:center;margin:1.0em 0px;clear:none; }
#maincontent { float:left;width:540px;margin:0px;padding:0px 10px;clear:none; }
#leftside a, #leftside a:link, #leftside a:active, #leftside a:visited { color:#ffdd88;background-color:transparent;padding:0px;margin:0px auto; }
#leftside a:hover { color:#33ffff;background-color:transparent; }

/* added 2006/07/02 */
/* #004488; */
.leftside { float:left;width:180px;height:auto;color:#ccccaa;background-color:transparent;text-align:center;margin:1.0em 0px;padding:0px;clear:none; }
.maincontent { display:block;float:left;width:540px;height:auto;margin:0px;padding:0px 10px; }
.submitButton { color: #FFFFFF;background-color:#FF6600;border-color:#FF9900 #CC3300;margin:0.2em auto; }
/* facebook badge added 2009.06.25 */
#badge { text-align:center; }
.badge { clear:both;width:160px;float:none;background-color:transparent;color:inherit;text-align:center;padding:4px; }
.fb_badge1 { font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:9pt;font-variant:normal;font-style:normal;font-weight:normal;background-color:inherit;color:#F8F844;text-decoration:none; }
.fb_badge2 { font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:9pt;font-variant:normal;font-style:normal;font-weight:normal;background-color:inherit;color:#F0F022;text-decoration:none; }
.tatyaza { float:left;width:300px;text-align:center; }
#tatyaza { background-color:inherit;color:inherit; }

a, a:link, a:active, a:visited { text-decoration:none;color:#006600;background-color:transparent; }
.leftside a, .leftside a:link, .leftside a:active, .leftside a:visited { color:#ffdd88;background-color:transparent;padding:0px;margin:0px auto; }
a:hover { text-decoration:underline;color:#cc4422;background-color:transparent; }
.leftside a:hover { color:#33eeee;background-color:transparent; }
.nohover { background-color:transparent; }
a.nohover:hover { text-decoration:none; }

/* added 2006/07/03 */
.topcontainer { float:left;width:750px;border:0px;padding:1.0em;margin:0px;clear:both; }
.breakage_container { float:left;text-align:center;width:278px;margin:4px;padding:0px; }
.armor_details { float:left;width:278px;margin:0px;padding:0.5em; }
.cr { font-size:8pt;text-align:center; }
.notables { font-size:8pt;text-align:center; }
.armor_image { float:right;height:auto;margin:auto;border:3px outset #003366; }
.armor_no_image { float:right;padding:4px;border:3px outset #003366;width:200px;height:400px; }
.marpadbor0 { margin:0px;padding:0px;border:0px; }

/* added 2006/07/05 */
.al110 { text-align:left;width:110px;vertical-align:top; }
.al380 { text-align:left;width:380px;vertical-align:top; }
.brighten { color:#660066;background-color:transparent; }
.brownie { text-align:center;color:#222200;background-color:transparent;vertical-align:bottom;font-style:italic; }
.cb { clear:both; }
.cbc { clear:both;text-align:center; }
.cbcma { clear:both;text-align:center;margin:1.0em auto; }
.cb500 { width:500px;clear:both; }
.cb540 { width:540px;clear:both;margin:0px; }
.cb540rm20 { width:540px;clear:both;margin:0px 20px; }
.cbc500 { width:500px;clear:both;text-align:center; }
.cbc540 { width:540px;clear:both;text-align:center; }
/* .container { float:left;width:770px;padding:0px;margin:0px;clear:both; } */
.container { float:left;width:auto;padding:0px;margin:0px;clear:both; }
.enchant_table { border:3px ridge #003366;padding:10px;margin:1.0em auto; }
.fl75 { width:75px;float:left;margin:3px;text-align:center; }
.topper { float:left;width:540px;text-align:center; }

/* added 2006/12/19 */
.t472vam { width:472px;margin:0px auto; }
.t472vam td { vertical-align:middle; }
.t300c { width:300px;border:0px;margin:0px auto; }
.t225c { width:225px;margin:0px auto; }
.Pouring { color:#0022AA;background-color:transparent; }
.Casting { color:#005522;background-color:transparent; }

.t150c { width:150px;margin:0px auto;text-align:center; }
.t150c td { border:1px outset #003366;line-height:1.5em; }
.t150c a { display:block;width:100%;color:#0000e1;background-color:#aacccc; }
.t150c a:hover { background-color:#ddddaa;color:#e12222;text-decoration:none; }

.td25vath { width:25px;vertical-align:top;text-decoration:underline;font-style:italic;font-weight:bold; }
.td125vath { width:125px;vertical-align:top;text-decoration:underline;font-style:italic;font-weight:bold; }
.td200vath { width:200px;vertical-align:top;text-decoration:underline;font-style:italic;font-weight:bold; }
.td25vat { width:25px;vertical-align:top; }
.td125vat { width:125px;vertical-align:top; }
.td200vat { width:200px;vertical-align:top; }
/* End of Added 2006/12/19 */

/* Added 2008.10.22 */
input { margin:0.25em; }
table { border:1px solid #999999;margin:0.25em auto; }
td, th, tr { vertical-align:middle; }
td, th { padding:0.2em; }
.t450 { width:450px; }
.ar100 { width:100px;text-align:right; }
.al200 { width:200px;text-align:left; }
.pc { text-align:center; }
/* End of Added 2008.10.22 */