/** This file contains global, generic styles.  See the appropriate files for styles regarding specific objects **/

body
{
	background: #0d0d0d url(http://forums.wocserver.org/public/style_images/Mystic_Images/backgrounds/material/metal.png) no-repeat;
	color: #DDD;
	font: normal 14px helvetica, arial, verdana, tahoma, sans-serif;
	background-position: center top;
}

body,
html
{
	margin: 0px;
}

/** LAYOUT STLES **/
/* Used to keep centered content to a consistent width, throughout the page */

.contentConstrainer
{
	margin: 0px auto;
	min-width: 1000px;
	width: 61%;
}

.scrollableContent
{
	overflow: auto;
	height: 250px;
	text-align: left;
	padding: 0px 10px 0px 10px;
}
/* Denotes a generic content section */

.contentSection
{
	margin-bottom: 10px;
	text-align: center;
	margin: 0px;
	width: 100%;
	background: rgb(15, 15, 15) url({style_images_url}/row.png) repeat-x top left;
	background: rgba(15, 15, 15, 0.70) url(http://forums.wocserver.org/public/style_images/Mystic_Images/row.png) repeat-x 0% 0%;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

div.mainContentContainer
{
	position: relative;
}

div.userNavigation
{
	text-align: left;
	width: 200px;
	float: right;
}

#pageHeader
{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 171px;
	background: transparent url(http://forums.wocserver.org/public/style_images/Mystic_Images/header-bg.png) no-repeat top center;
}

#loginContainer
{
	display: none;
	visibility: hidden;
}

#logoSection
{
	background: transparent;
	margin: 0px auto;
	max-height: 60px;
	padding-top: 5px;
}

#secondaryNavigation a,
#secondaryNavigation a:link
{
	font-weight: normal;
	color: #BABABA;
}

#secondaryNavigation
{
	vertical-align: middle;
	background: transparent url('http://forums.wocserver.org/public/style_images/Mystic_Images/userlinks-bg.png') no-repeat bottom right;
	float: right;
	text-align: right;
	height: auto;
	min-width: 630px;
	opacity: 0.7;
	margin: 0px;
	text-shadow: Black -1px -1px 0px;
	border-bottom: 1px solid #575757;
}

#secondaryNavigation:hover
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

div img
{
	border-color: Blue;
}

table
{
	border: 0px;
}

.centeredTable
{
	margin: auto;
	text-align: left;
}

td.textboxCell
{
	padding-left: 10px;
}

td.labelCell
{
	padding-top: 5px;
	vertical-align: text-top;
}

div#footerContent
{
	border-top: 1px solid #1E1E1E;
	margin: 8px 0px 10px;
	padding: 8px 0px 15px;
	font-size: 0.85em;
	clear: both;
	color: #424242;
}

p#copyright
{
	margin: 0px;
	padding: 0px;
	float: right;
}

div.contentSection > ul
{
	padding: 0px;
	margin: 0px;
}

ul#footerLinks
{
	float: left;
	margin: 0px;
	padding: 0px;
}

ul#footerLinks > li
{
	list-style: none;
}

div.userNavigation > ul,
div.userNavigation > ul > ul
{
	padding: 0px;
	margin: 0px;
}

ul > li
{
	list-style: none;
	font-weight: bold;
}

/** TEXT STYLES **/

div.breadcrumbs a
{
	color: White;
}

div.breadcrumbs
{
	clear: both;
	margin-top: -30px;
	color: White;
}

div.breadcrumbs ul
{
	padding: 0px;
}

div.breadcrumbs li
{
	display: inline;
	padding-right: 10px;
	list-style: none;
}

p.subText
{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

p.subText:hover
{
	opacity: 1;
}

p.indentedText
{
	margin: 0px;
	padding: 10px;
}

.errorText
{
	color: Red;
}

a,
a:link,
a:visited,
a:active
{
	text-decoration: none;
	color: #0A70BD;
}

a:hover
{
	color: #CCC;
	text-shadow: rgba(255, 255, 255, 0.347656) 0px 0px 12px;
}

#secondaryNavigation li
{
	margin-left: 10px;
	vertical-align: middle;
	padding-bottom: 10px;
}
/* This section will make a list lie horizontally instead of vertically */

#mainNavigation li,
#secondaryNavigation li
{
	list-style: none;
	display: inline;
}

#mainNavigation
{
	background: transparent;
	font-size: 0.8em;
	padding-right: 0;
	text-transform: uppercase;
	float: right;
	text-shadow: -1px -1px 0px #000;
}

#mainNavigation ul li,
#mainNavigation ul li a
{
	color: #ccc;
	text-decoration: none;
}

#mainNavigation ul li
{
	padding: 8px 8px;
	margin-left: 6px;
}

#mainNavigation ul li.active
{
	background: #383838 url(http://forums.wocserver.org/public/style_images/Mystic_Images/home_gradient.png) repeat-x 50%;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	font-weight: bold;
	padding: 0;
	margin: 2px 0px auto 5px;
	position: relative;
}

#mainNavigation ul li.active a
{
	background: #383838 url(http://forums.wocserver.org/public/style_images/Mystic_Images/home_gradient.png) repeat-x 50%;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	padding: 5px 12px 3px 7px;
	margin-left: 6px;
	display: block;
}

#mainNavigation ul li a
{
	color: #ccc;
	text-decoration: none;
}


/** CONTROL STYLES */

.fieldBlock
{
	display: inline;
	width: 175px;
	border: 1px solid Silver;
	background: rgb(15, 15, 15) url({style_images_url}/row.png) repeat-x top left;
	background: rgba(15, 15, 15, 0.496094);
	margin: 10px;
	padding: 0px;
}

.ajax__validatorcallout_error_message_cell
{
	color: Black;
}

/* IMAGES */

.smallIcon
{
	height: 18px;
	width: 19px;
}

.logoImage
{
	border: 0px;
	float: left;
	vertical-align: middle;
}

/* TABLES */

.tableCharacterNameCell
{
	text-align: left;
	width: 75px;
}

.tableRaceClassCell
{
	text-align: center;
	width: 125px;
}

.tableLevelCell
{
	text-align: center;
	width: 80px;
}

.tableBanStatusCell
{
	text-align: center;
}

.tableAccountNameCell
{
	text-align: center;
	width: 150px;
}