/* Created by MajorVictory 12/25/2008
	Notes: This file should contain only those styles which can be used anywhere under any context
	any style that depends upon another style not in this file in order to work SHOULD NOT BE IN HERE
*/

/* Misc */
#hidden{display:none;}
.hidden{display:none;}

#invisible{visibility:hidden;}
.invisible{visibility:hidden;}

#inline{display:inline;}
.inline{display:inline;}

#block{display:block;}
.block{display:block;}

#forcehidden{display:none!important;}
.forcehidden{display:none!important;}

#forceinline{display:inline!important;}
.forceinline{display:inline!important;}

#forceblock{display:block!important;}
.forceblock{display:block!important;}

/* If you need to make another class for forcing a style, do it as needed
	instead of making this file twice as big as it needs to be */

.nounderline{text-decoration:none;}
.underline{text-decoration:underline;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.strike{text-decoration:line-through;}

/* Alignment */
.left{text-align:left;}
.center{text-align:center;margin-left:auto;margin-right:auto;}
.right{text-align:right;}

.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}

.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}

.relative{position:relative;}

/* Indents */
.indent1{margin-left:1ex;}
.indent2{margin-left:2ex;}
.indent3{margin-left:3ex;}
.indent4{margin-left:4ex;}
.indent5{margin-left:5ex;}
.indent6{margin-left:6ex;}
.indent7{margin-left:7ex;}
.indent8{margin-left:8ex;}
.indent9{margin-left:9ex;}
.indent10{margin-left:10ex;}

/* Font size */
.hugefont{font-size:145%;}
.bigfont{font-size:115%;}
.smallfont{font-size:85%;}
.tinyfont{font-size:65%;}

.size8{font-size:8px;}
.size10{font-size:10px;}
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.size22{font-size:22px;}
.size24{font-size:24px;}
.size26{font-size:26px;}
.size28{font-size:28px;}
.size30{font-size:30px;}

/* Font Faces */
.lucida{font-family:"Lucida Console";}
.comicsans {font-family:"Comic Sans MS";}
.fixedsys {font-family:"Fixedsys";}
.smallfonts{font-family:"Small Fonts";}

.imagebutton, #consolecontrols img {
	cursor:pointer;
	vertical-align:middle;
	border:0px;
}

.famx3, #consolecontrols img{width:16px;height:16px;}
.famx38x8 {width:8px;height:8px;}
.famx37x7 {width:7px;height:7px;}



/* Stuff from style.css */
/* ------------------ Document Styles */
body, td {
	font-family: verdana;
	font-size: 10.5px;
	border-width: 1px;
}

/* ------------------ Element Styles */
hr { height: 1px; }
a { text-decoration: none; }
a:hover { text-decoration: none; }

/* ------------------ Specific Styles */
body.bottommenucell2 { padding: 5px; }

.menuheader {
	border-style: ridge;
	border-width: 2px;
	font-weight: bold;
	text-align: center;
	display: block;
}

div.bottommenucell { padding: 5px; }

li.pearl {
	list-style: none;
	margin-left: 0px;
	padding-left: 15px;
}

div.menudivider { text-align:center; font-weight:bold;}

td.header {
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

td.inlineheader {
	border-style: ridge;
	border-width: 1px;
	text-align: center;
}

tr.header { font-weight: bold; }

.tableoutline { border-collapse: collapse; }

.tableoutline .header {
	display: table-cell;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}


/* ------------------ Misc Styles */
.collapse { border-collapse: collapse; }

.searchoptions {
	margin-top: 5px;
	margin-left: 5px;
	padding: 5px;
	text-align: left;
	width: 95%;
}

.stafftoolsection {
	margin-top: 5px;
	padding: 5px;
	width: 200px;
}
.stafftoolsection div.title, .stafftoolsection div.titlenobottom {
	float: left;
	margin: -5px 0px 0px -5px;
	padding: 5px 5px 6px 5px;
}
.stafftoolsection div.tools {text-align:center;}



/* Help Archives */
.section {
	vertical-align: top;
}

.section h3 {
    border-style: ridge;
    border-width: 1px;
    text-align: center;
	font-weight: bold;
	padding: 3px;
}


/* ------------------ Game Styles */
.tellmajor, .npcdiv, .userchoice, .narrator {margin: 5px 15px;padding: 10px;}
.npcdiv span.npcname {margin-left: -3ex;}
.narrator {text-align: center;}

.sectionnav {margin: -5px -5px 0px -5px;}
.sectionnav_bottom {clear: both;}
.sectionnav_normal, .sectionnav_selected {
	float: right;
	padding: 2px 4px 8px 4px;
	margin-right: 6px;
}

legend { font-weight: bold; }
fieldset.battle legend { font-weight: bold; }
fieldset.quote legend { font-weight: bold; }
fieldset.spoiler legend { font-weight: bold; }
.spoiler { background-image: url('/image/spoiler.png'); }
.spoiler span { visibility: hidden; }
.spoiler.reveal { background-image: none; }
.spoiler.reveal span { visibility: visible; }

input[type="button"].pagination {
	margin-left: 1px;
	width: 16px;
	height: 16px;
	font-size: 95%;
	text-align: center;
}

input[type="text"] {
	padding: 2px;
}

input[type="submit"], input[type="button"] {
	padding: 1px;
	font-weight: bold;
}

select {
	outline: none;
	padding: 1px;
}



/* Drop-down Smoothmenu */
.ddsmoothmenu {
	font-weight: bold;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	padding: 5px 8px;
	text-decoration: none;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	width: 140px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
}



#footer {
	padding: 0;
	font-family: verdana;
	font-size: 10.5px;
	color: #000000;
}

img {border-width:0px;}

div.menudivider {
	text-align: center;
	padding-top: 5px;
}

div.menudivider img {
	vertical-align: bottom;
	border:0px;
	width:40px;
	height:11px;
}

table.tstyle1 {width: 99%;}

font.menutext {
	font-size: 8px;
	color: #FFFFFF;
}

.tableoutline tr.header {
	display: table-row;
}

.userlist {
	width: 100%;
}

.headertext {}
.invis {
	font-size: 10.5;
	font-family: 'Arial';
	height: 14;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	border: 0;
}

pre.debug {
	outline: 1px solid yellow;
	margin: 4px;
	padding: 4px;
	font-family: Consolas, monospace;
}

.earth {color:lime; font-weight: bold;}
.fire {color:#FF8B00; font-weight: bold;}
.water {color:cyan; font-weight: bold;}
.air {color:white; font-weight: bold;}

.sunstone{color:yellow}
.moonstone{color:cyan}
.lightstone{color:lime}
.bloodstone{color:red}
.MoonstoneBlue { color: #3399FF; }
.MythstonePurple { color: #AE00FF; }

.citemone, .citemtwo, .citemthree {color: #9933ff; font-weight: bold;}

.Success {border: 1px solid lime;}
.Failure {border: 1px solid red;}
.Request {border: 1px solid yellow;}
.Success, .Failure, .Request {padding: 10px; margin-bottom: 10px; text-align: center;}


.spriteicon {
	height: 16px;
}

.spriteicon p {
	padding-right: 10px;
	display: inline;
}

.spriteicon p img {
	position: absolute;
}

/* top right bottom left */

.spriteicon p img.earth  {
	clip: rect(0px, 16px, 16px, 0px);
}

.spriteicon p img.water {
	clip: rect(16px, 16px, 32px, 0px);
	margin-top: -16px;
}

.spriteicon p img.fire {
	clip: rect(0px, 32px, 16px, 16px);
	margin-left: -16px;
}

.spriteicon p img.lightning {
	clip: rect(16px, 32px, 32px, 16px);
	margin-left: -16px;
	margin-top: -16px;
}
/* style.css end */


.bbcode-left, .bbcode-right { margin:2px;padding:6px 8px 2px 8px;height:22px; }

input[type="button"]:hover, input[type="submit"]:hover {
	cursor: pointer;
	font-weight: bold;
}

input[type="button"]:active, input[type="submit"]:active {
	cursor: pointer;
	font-weight: normal;
}

input[type="button"].disabled, input[type="submit"].disabled {
	cursor: default;
	background-image: url('gray/cellbg.png');
	border: 1px solid #999999;
}

/* Class Color Shortcuts
	###################################################### DEPRECATED!
	Lowercase color names left in for compatability
	DON'T USE THESE ANYMORE
*/
.black,.a.black:link,a.black:visited{color:#000000;}
a.black:hover,a.black:active,a.white:hover,a.white:active{color:#808080;}
.white,.a.white:link,a.white:visited{color:#FFFFFF;}

.silver{color:silver;}
.red{color:#800000;}
.green{color:#006600;}
.blue{color:#000080;}
.purple{color:#660066;}

/*
	You are heavily advised to use the uppercase color names from now on
	The colors below exactly match the colors specified here:
		http://www.w3schools.com/css/css_colornames.asp
*/
.AliceBlue{color:#F0F8FF;}
.AntiqueWhite{color:#FAEBD7;}
.Aqua{color:#00FFFF;}
.Aquamarine{color:#7FFFD4;}
.Azure{color:#F0FFFF;}
.Beige{color:#F5F5DC;}
.Bisque{color:#FFE4C4;}
.Black{color:#000000;}
.BlanchedAlmond{color:#FFEBCD;}
.Blue{color:#0000FF;}
.BlueViolet{color:#8A2BE2;}
.Brown{color:#A52A2A;}
.BurlyWood{color:#DEB887;}
.CadetBlue{color:#5F9EA0;}
.Chartreuse{color:#7FFF00;}
.Chocolate{color:#D2691E;}
.Coral{color:#FF7F50;}
.CornflowerBlue{color:#6495ED;}
.Cornsilk{color:#FFF8DC;}
.Crimson{color:#DC143C;}
.Cyan{color:#00FFFF;}
.DarkBlue{color:#00008B;}
.DarkCyan{color:#008B8B;}
.DarkGoldenRod{color:#B8860B;}
.DarkGray{color:#A9A9A9;}
.DarkGreen{color:#006400;}
.DarkKhaki{color:#BDB76B;}
.DarkMagenta{color:#8B008B;}
.DarkOliveGreen{color:#556B2F;}
.Darkorange{color:#FF8C00;}
.DarkOrchid{color:#9932CC;}
.DarkRed{color:#8B0000;}
.DarkSalmon{color:#E9967A;}
.DarkSeaGreen{color:#8FBC8F;}
.DarkSlateBlue{color:#483D8B;}
.DarkSlateGray{color:#2F4F4F;}
.DarkTurquoise{color:#00CED1;}
.DarkViolet{color:#9400D3;}
.DeepPink{color:#FF1493;}
.DeepSkyBlue{color:#00BFFF;}
.DimGray{color:#696969;}
.DodgerBlue{color:#1E90FF;}
.FireBrick{color:#B22222;}
.FloralWhite{color:#FFFAF0;}
.ForestGreen{color:#228B22;}
.Fuchsia{color:#FF00FF;}
.Gainsboro{color:#DCDCDC;}
.GhostWhite{color:#F8F8FF;}
.Gold{color:#FFD700;}
.GoldenRod{color:#DAA520;}
.Gray{color:#808080;}
.Green{color:#008000;}
.GreenYellow{color:#ADFF2F;}
.HoneyDew{color:#F0FFF0;}
.HotPink{color:#FF69B4;}
.IndianRed{color:#CD5C5C;}
.Indigo{color:#4B0082;}
.Ivory{color:#FFFFF0;}
.Khaki{color:#F0E68C;}
.Lavender{color:#E6E6FA;}
.LavenderBlush{color:#FFF0F5;}
.LawnGreen{color:#7CFC00;}
.LemonChiffon{color:#FFFACD;}
.LightBlue{color:#ADD8E6;}
.LightCoral{color:#F08080;}
.LightCyan{color:#E0FFFF;}
.LightGoldenRodYellow{color:#FAFAD2;}
.LightGrey{color:#D3D3D3;}
.LightGreen{color:#90EE90;}
.LightPink{color:#FFB6C1;}
.LightSalmon{color:#FFA07A;}
.LightSeaGreen{color:#20B2AA;}
.LightSkyBlue{color:#87CEFA;}
.LightSlateGray{color:#778899;}
.LightSteelBlue{color:#B0C4DE;}
.LightYellow{color:#FFFFE0;}
.Lime{color:#00FF00;}
.LimeGreen{color:#32CD32;}
.Linen{color:#FAF0E6;}
.Magenta{color:#FF00FF;}
.Maroon{color:#800000;}
.MediumAquaMarine{color:#66CDAA;}
.MediumBlue{color:#0000CD;}
.MediumOrchid{color:#BA55D3;}
.MediumPurple{color:#9370D8;}
.MediumSeaGreen{color:#3CB371;}
.MediumSlateBlue{color:#7B68EE;}
.MediumSpringGreen{color:#00FA9A;}
.MediumTurquoise{color:#48D1CC;}
.MediumVioletRed{color:#C71585;}
.MidnightBlue{color:#191970;}
.MintCream{color:#F5FFFA;}
.MistyRose{color:#FFE4E1;}
.Moccasin{color:#FFE4B5;}
.NavajoWhite{color:#FFDEAD;}
.Navy{color:#000080;}
.OldLace{color:#FDF5E6;}
.Olive{color:#808000;}
.OliveDrab{color:#6B8E23;}
.Orange{color:#FFA500;}
.OrangeRed{color:#FF4500;}
.Orchid{color:#DA70D6;}
.PaleGoldenRod{color:#EEE8AA;}
.PaleGreen{color:#98FB98;}
.PaleTurquoise{color:#AFEEEE;}
.PaleVioletRed{color:#D87093;}
.PapayaWhip{color:#FFEFD5;}
.PeachPuff{color:#FFDAB9;}
.Peru{color:#CD853F;}
.Pink{color:#FFC0CB;}
.Plum{color:#DDA0DD;}
.PowderBlue{color:#B0E0E6;}
.Purple{color:#800080;}
.Red{color:#FF0000;}
.RosyBrown{color:#BC8F8F;}
.RoyalBlue{color:#4169E1;}
.SaddleBrown{color:#8B4513;}
.Salmon{color:#FA8072;}
.SandyBrown{color:#F4A460;}
.SeaGreen{color:#2E8B57;}
.SeaShell{color:#FFF5EE;}
.Sienna{color:#A0522D;}
.Silver{color:#C0C0C0;}
.SkyBlue{color:#87CEEB;}
.SlateBlue{color:#6A5ACD;}
.SlateGray{color:#708090;}
.Snow{color:#FFFAFA;}
.SpringGreen{color:#00FF7F;}
.SteelBlue{color:#4682B4;}
.Tan{color:#D2B48C;}
.Teal{color:#008080;}
.Thistle{color:#D8BFD8;}
.Tomato{color:#FF6347;}
.Turquoise{color:#40E0D0;}
.Violet{color:#EE82EE;}
.Wheat{color:#F5DEB3;}
.White{color:#FFFFFF;}
.WhiteSmoke{color:#F5F5F5;}
.Yellow{color:#FFFF00;}
.YellowGreen{color:#9ACD32;}