/*This is for the annoying centering of the page*/
*{  
	margin: 0;  
	padding: 0;  
} 

/* This is a spoiler added by Ben  :D */
/* Fixes the top nav of layout 2.0 */
td#topnav { padding: 3px; }
td#welcome { padding: 3px; }
td#topnav a, td#welcome a { color:white; }
/* Fix lists of all types */
ul, ol {
	margin-left:20px;
	padding-bottom:15px;
}

/* DON'T pad or margin the dropdown */
.dropdown dd ul {
	margin:0;
	padding:0;
}

/* Global link styles, overriden for specific cases later */
a {
	/*color:#9d0f2c;*/
	color:navy;
	text-decoration:none;
}

/* Global Table Styles */
.tablecenter td, .tablecenter th {
	padding:5px;
	border:1px solid black;
}
table {
/*	border:1px solid black;*/
	border-collapse:collapse;
}
.tablecenter {
	border:1px solid black;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
}
.tablefulllength {
	border:1px solid black;
	border-collapse:collapse;
	width: 100%;
}


/* No borders or collapsing for sig page */
#sigpage table, #facebox table {
	border:0;
	border-collapse:none;
}
#sigpage td, #sigpage th, #facebox td, #facebox th {
	padding:2px;
	border:0;
}
#sigpage a {
	/*color: #9d0f2c;*/
	color: navy;
	text-decoration: none;
}
#sigpage td.sigbg {
	text-align:center;
	padding-bottom:8px;
}


/* FIX FOR SPECIAL LIST TABLES */
table.questlist, table.calcinfo, table.calclist, table.itemlist, table.guildlist {
	border: 0;
}


/* FIX IMAGE BORDER */
a img {
	border: 0;
}
html, body {
	height: 100%; /* hack to make divs 100% tall */
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center; /*For IE6 Shenanigans*/
	background-color:black;
	background-repeat: no-repeat, repeat;
	background-position: 50% 180px, 0 0;
	background-image: url(images/rock-guardians.gif), url(images/bg_new.jpg);
	/*background-image: url(images/darknesslevel1fixed-low.jpg);*/
	/*background-attachment: fixed;*/
}


/*Centers the page*/
#wrapper{  
	width: 990px;  
	margin: 0 auto;
	text-align: left;
	height: 100%;
	position: relative; /* So we can do absolute positioning within a centered element */
}  
.body {
	/*background-image: url(images/maincontent-bg.png);*/
	background-image: url(images/main_bg.png);
	background-repeat: repeat;
	float: left;
	height: auto;
	padding-left:25px;
	padding-right:25px;
	width: 940px;
	min-height: 100%;
}
.body2 {
	background-image: url(images/shadow_wrapper.png);
	background-repeat: repeat;
	float: left;
	height: auto;
	padding-left:25px;
	padding-right:25px;
	width: 940px;
	min-height: 100%;
}
.topbarleft { 
	background-image: url(images/topbar-left.png);
	padding-top:10px;
	height: 28px; /* total height is 38px */
	padding-left:15px;
	width: 736px; /* total width is 751px */
	float: left;
	color: #BDB2A8;
	/*font-variant: small-caps;*/
	/*	font-family: Tahoma, sans serif;*/
	font-size:10pt;
	font-weight:bold;
}
.topbarleft a {
	color: #BDB2A8;
	text-decoration: none;
	margin-right:15px;
}
.topbarleft a:hover {
	color: #A59587;
}
.topbarsearch { 
	background-image: url(images/topnavsearch.png);
	padding-top: 10px;
	height: 28px; /* total height is 38px */
	padding-left:4px;
	width: 185px; /* total width is 189px */
	float: right;
}
#searchbox input {
	margin:0px;
	padding:0px;
	background:transparent;
	border:0px;
}
.welcome { 
	overflow:hidden;
	background-color:#191d21;
	/*background-image: url(images/welcomeimg.png);*/
	background-image: url(images/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 260px;
	width: 737px;
	float: left;
}
.rightnav { 
	background-image: url(images/navbg.png);
	height: 260px;
	width: 202px;
	float: right;
}
.twitterbar {
	background-image: url(images/twitter-bg.png);
	padding-left: 15px;
	width: 925px; /* total width = 940px, 940-15 = 925 */
	padding-top: 13px;
	height: 28px; /* total height is 41px, 41-13 = 28 */
	font-size: 11px;
	font-weight: bold;
	color: #BDB2A8;
	float: left;
}
.twitterbar a {
	color: #A59587; 
}
.newsheader {
	background-image: url(images/newsheader.png);
	height: 35px;
	width: 738px;
	float: left;
	font-size:12pt;
	font-weight:bold;
	color: #BDB2A8;
}
.newsheader a {
	display:inline-block;
	margin-top:2px;
	height:26px; /* total height is 35px */
	margin:0px;
	padding:0px;
	padding-top:8px;
	padding-left:6px;
	padding-right:6px;
	/*color: #BDB2A8;*/
	/*font-variant: small-caps;
	/*font-family: Tahoma, sans serif;*/
	font-size:12pt;
	font-weight:bold;
	text-decoration: none;
}
.newsheader a:hover {
	background-image:url(images/semitrans-white.png);
	color: #ffffff;
}
.cpanel {
	background-image: url(images/controlpanel.png);
	height: 35px;
	width: 201px;
	float: right;
}
.mainleft {
	/*	background-image: url(images/contentbg.png);*/
	width: 738px;
	float: left;
}
.scroll {
	background-image:url(images/parchment-middle.png);
	background-repeat:repeat-y;
	background-position: top center;
	padding-left:25px;
	padding-right:35px;
	padding-top:25px;
	padding-bottom:5px;
	width:660px; /* total width is 720 */
}
.mainright {
	background-image: url(images/navbg.png);
	width: 201px;
	float: right;
}
.footer {
	text-align:center;
	/*background-image: url(images/footer.jpg);*/
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	/*height:122px;*/
	height: 145px;
	color: #D6D6D8;
	font-size:80%;
	padding: 5px;
	padding-top: 50px;
}
/*.footer a {
	color: #A99689;
}*/

.footer2 a {
	color: white;
	text-decoration: underline;
}

.footer2 {
	/*height: 145px;*/
	color: #D6D6D8;
	font-size:80%;
	padding: 10px;
	/*padding-top: 50px;*/
	text-align:center;
	/*padding-top:20px;*/
	vertical-align:center;
}

/*This is for the living rock guys, who I have decided to dub "thing 1" and "thing 2"*/
#thing1 {
	position:absolute;
	top:280px;
	left:-350px;
	z-index:-2;
}

#thing2 {
	position:absolute;
	top:280px;
	right:-280px;
	z-index:-3;
}


/*To Float my images:  */
img.leftindex {
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
img.rightindex {
	float: right;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* Dates */
.dateblock {
	text-align: center;
	width: 50px;
	/*font-family: Arial;*/
	float: left;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.day {
	font-size: 26px;
	position: relative;
	top: -5px;
}
.month {
	font-size: 16px;
}
.year {
	font-size: 12px;
	position: relative;
	top: -10px;
}

/* For Drop-Lefts (not Drop-Downs hehe) */
.dropdown {
	display:block;
	position:relative}
.dropdown dt {
	width:202px;
	height:52px;
	padding:0px;
	font-weight:bold;
	cursor:pointer;
	background:transparent
} /*MAIN MENU NON-HOVER*/
.dropdown .upperdd {
	border-bottom:none
}
dl.dropdown:hover, .dropdown dt:hover {
	background:url(images/button-hover.png);
} /*MAIN MENU HOVER*/
.dropdown dd {
	position:absolute;
	top:0;
	overflow:hidden;
	width:202px;
	display:none;
	background:#fff;
	opacity:0
}
.dropdown ul {
	width:202px;
	list-style:none
}
.dropdown li {
	display:inline
}
.dropdown a, .dropdown a:active, .dropdown a:visited {
	display:block;
	padding:5px;
	color:#333;
	text-decoration:none;
	background:#eaf0f2;
	/*background:url(images/navbg.png);*/
	width:194px;
} /*NON-HOVER SUBMENU*/
.dropdown a:hover {
	background:#d9e1e4;
	color:#000
} /*HOVER COLOR FOR SUBMENU*/
.dropdown .underline {
	border-bottom:1px solid #b9d6dc
}
/* override to make main bg not be white when it's a link */
.rightnav dl.dropdown dt.upperdd a {
	background:transparent;
	padding:0;
	margin:0;
	width:202px;
	height:52px;
}
/* IE 7 Hack-fix, what a POS */
.dropdown li {
	z-index:200;
}

/* News Items */
.newspost {
	margin-bottom:14px;
	border-bottom:2px solid black;
}
.newspost p {
	padding-bottom:5px;
}
.newspost a {
	color: navy;
	/*color: #9d0f2c;*/
	text-decoration: none;
}
.newstitle, .questname {
	font-weight:bold;
	font-size: 150%;
	color: #ffffff;
	/* standards-compliant browsers */
	text-shadow: #666666 1px 1px 1px;
	/* needed for Internet explorer */
	height: 1em;
	/*filter: glow(color=#666666,strength=2);*/
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=1, Color='#666666', Positive='true');
	/*filter: Shadow(Color=#666666, 
	Direction=135, 
	Strength=1);*/
}
.newstitle a {
	color: #ffffff;
	text-decoration:none;
}
.newstitle a:hover {
	color: #FAF8CC;
}
.newscontent p:first-child {
	color: #41383C;
	padding-top: 2px;
	font-size: 90%;
}
.newscomments, .authors, .contributors {
	font-size: 90%;
}
.scroll div:last-child {
	/* take out the border on the last element */
	border-bottom: 0px;
}

/* Community Posts */
.communityposts {
	background:url(images/word-balloon.png);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #736155;
	color: #BDB2A8;	
	font-weight: bold;
}
.communityposts a {
	color: #BDB2A8;
	text-decoration: none;
}
.communityposts a:hover {
	color: #A59587;
}

/* Control Panel Links */
ul.controlpanel {
	list-style-position: inside;
	margin-left: 4px;
}
.controlpanel li, .controlpanel p {
	margin-bottom: 4px;
}
.controlpanel p {
	margin-left: 4px;
	margin-right: 4px;
}
.controlpanel {
	color: #BDB2A8;	
	font-weight: bold;
}
.controlpanel a {
	color: #BDB2A8;
	text-decoration: none;
}
.controlpanel a:hover {
	color: #A59587;
}


/* Slideshow Stuff */
#metalstrut-top {
	background:url(images/metalstrut-top.png);
	width: 72px;
	height: 47px;
	position: absolute;
	top:29px;
	left:26px;
	z-index:99;
}
#metalstrut-bottom {
	background:url(images/metalstrut-bottom.png);
	width: 72px;
	height: 47px;
	position: absolute;
	top:265px;
	left:26px;
	z-index:99;
}
#image-scroll-next {
	background:url(images/arrow-right.png);
	width:14px;
	height:14px;
	position: absolute;
	top:270px;
	left:714px;
	cursor:pointer;
	z-index:99;
}
#image-scroll-prev {
	background:url(images/arrow-left.png);
	width:14px;
	height:14px;
	position: absolute;
	top:270px;
	left:700px;
	cursor:pointer;
	z-index:99;
}
#image-scroll-next2 {
	background:url(images/arrow-right.png);
	width:14px;
	height:14px;
	position: absolute;
	top:265px;
	left:914px;
	cursor:pointer;
	z-index:99;
}
#image-scroll-prev2 {
	background:url(images/arrow-left.png);
	width:14px;
	height:14px;
	position: absolute;
	top:265px;
	left:900px;
	cursor:pointer;
	z-index:99;
}
#bluebar {
	width:1px;
	height:260px;
	position:absolute;
	top:38px;
	left:25px;
	background-color:#191d21;
	z-index:99;
}

/* Quest Guides */
.map {
	float: right;
	margin:5px;
}
.questinfo span, .startinfo span {
	display:block;
}
.questguide a {
	/*color: #9d0f2c;*/
	color: navy;
	text-decoration: none;
}
.intro {
	padding-top:10px;
	font-style: italic;
	padding-bottom:10px;
}
div.reward {
	padding-top:15px;
}
.reward  span {
	display:block;
}
span.reward {
	padding-top:5px;
	font-style: italic;
}
.questname, .authors, .contributors, .rewardimg, .reward {
	text-align: center;
}
.questguide .notes {
	padding-top:30px;
	text-align: left;
}


/* Quest List */
.questlist tr:hover {
	background:url('images/semitrans-black.png');
}
.questlist tr.listheader:hover {
	background:transparent;
}
table.questlist {
	border-collapse:collapse;
	/*border: 1px solid black;*/
	width: 100%;
}
.questlist td, .questlist th {
	/*border: 1px solid black;*/
	padding: 3px;
	border: 0;
}
.questlist tr {
	border-bottom: 1px solid black;
}
.questlist a {
	display:block;
	text-decoration:none;
	color:black;
}
.questlist tr.unpublished {
	background-color:#FF8080;
}

/* Guild List */
.guildlist tr:hover {
	background:url('images/semitrans-black.png');
}
.guildlist tr.listheader:hover {
	background:transparent;
}
table.guildlist {
	border-collapse:collapse;
	/*border: 1px solid black;*/
	width: 100%;
}
.guildlist td, .guildlist th {
	/*border: 1px solid black;*/
	padding: 3px;
	border: 0;
}
.guildlist tr {
	border-bottom: 1px solid black;
}
.guildlist a {
	display:block;
	text-decoration:none;
	color:black;
	padding-top:89px;
	padding-bottom:89px;
	height:22px;
}
.guildlist tr.unpublished {
	background-color:#FF8080;
}
.guildlist .item a {
	padding:0;
	vertical-align:middle;
	height:200px;
}

/*For Shop DB*/
.itemlist tr:hover {
	background:url('images/semitrans-black.png');
}
.itemlist tr.listheader:hover {
	background:transparent;
}
table.itemlist {
	border-collapse:collapse;
	/*border: 1px solid black;*/
	width: 100%;
	margin-top:5px;
}
.itemlist td, .itemlist th {
	/*border: 1px solid black;*/
	padding: 3px;
	border: 0;
}
.itemlist tr {
	border-bottom: 1px solid black;
}
.itemlist a {
	display:block;
	text-decoration:none;
	color:black;
	padding-top:10px;
	height:22px; /* actual height is 32 */
}
.itemlist .item a {
	padding:0;
	vertical-align:middle;
	height:32px;
}
.itemlist tr.unpublished {
	background-color:#FF8080;
}
.itemlist th {
	/*text-align:center;*/
	background-image: url(http://www.runeslayer.com/layouts/default/images/newsheader.png);
	background-repeat: repeat;
	vertical-align:middle;
	color: #BDB2A8;
}
div.shopstock {
	text-align:center;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

/* This is for the itemdb */
table.itemdb {
	width:100%;
	border-collapse:collapse;
}
.itemdb td, itemdb th {
	padding:5px;
	border:1px solid black;
}
.itemdb .b {
	font-weight: bold;
}
.itemdb .b-mid {
	text-align: center;
	vertical-align: middle;
}

/* Calcs */
.calctitle {
	padding-bottom:4px;
	font-weight:bold;
	font-size: 150%;
	color: #ffffff;
	/* standards-compliant browsers */
	text-shadow: #666666 1px 1px 1px;
	/* needed for Internet explorer */
	height: 1em;
	/*filter: glow(color=#666666,strength=2);*/
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=1, Color='#666666', Positive='true');
	/*filter: Shadow(Color=#666666, 
	Direction=135, 
	Strength=1);*/
}
.calcinfo tbody tr:hover {
	background:url('images/semitrans-black.png');
}
table.calcinfo {
	border-collapse:collapse;
	/*border: 1px solid black;*/
	width: 100%;
	clear:both;
}
.calcinfo td, .calcinfo th {
	/*border: 1px solid black;*/
	padding: 3px;
	border: 0;
}
.calcinfo tr {
	border-bottom: 1px solid black;
}
.calcinfo a {
	display:block;
	text-decoration:none;
	color:black;
}
.calcbutton {
	width:187px;
	height:26px;
	border:0;
	padding:0;
	margin:2px;
	margin-bottom:15px;
	background-color:transparent;
	background-image:url('images/rune-style-button.png');
}
.button_on { 
	width:110px;
	height:20px;
	background-image:url(http://www.runeslayer.com/images/calculators/level_on.png);
	text-align:center;
	padding-top:5px;
	display:inline-block;
	text-decoration:none;
	color:black;
	cursor:pointer;
	margin:1px;
}
.button_off {
	width:110px;
	height:20px;
	background-image:url(http://www.runeslayer.com/images/calculators/level_off.png);
	text-align:center;
	padding-top:5px;
	display:inline-block;
	text-decoration:none;
	color:#999999;
	cursor:pointer;
	margin:1px;
}
.calcinput div.button_on {
	width:170px;
	background-image:url(http://www.runeslayer.com/images/calculators/level_on_long.png);
}
.calcinput .button_off {
	width:170px;
	background-image:url(http://www.runeslayer.com/images/calculators/level_off_long.png);
}
div#level_buttons .button_on {
	margin:0px;
}
div#level_buttons .button_off {
	margin:0px;
}

/* Calculator Styles */
.calcinfo th {
	background-image:url(http://www.runeslayer.com/images/calculators/sort_both.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:19px;
	cursor:pointer;
}
.calcinfo th.sorting_asc { 
	background-image:url(http://www.runeslayer.com/images/calculators/sort_asc.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:19px;
	cursor:pointer;
}
.calcinfo th.sorting_desc {
	background-image:url(http://www.runeslayer.com/images/calculators/sort_desc.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:19px;
	cursor:pointer;
}
.dataTables_filter {
	float:right;
	padding:5px;
	margin-right:10px;
	margin-bottom:5px;
}
div#level_buttons {
	text-align:center;
	width:100%;
	padding:3px;
}
table.calcinput {
	border:0px;
}
.calcinput td {
	border:0px;
}

/* Calc List */
.calclist tr:hover {
	background:url('images/semitrans-black.png');
}
.calclist tr.listheader:hover {
	background:transparent;
}
table.calclist {
	border-collapse:collapse;
	/*border: 1px solid black;*/
	width: 100%;
}
.calclist td, .calclist th {
	/*border: 1px solid black;*/
	padding: 3px;
	border: 0;
}
.calclist tr {
	border-bottom: 1px solid black;
}
.calclist a {
	display:block;
	text-decoration:none;
	color:black;
}
.calclist tr.unpublished {
	background-color:#FF8080;
}

/* Affiliates */
.affiliates {
	margin:0;
	padding:0;
}

/* Guide Tables -- Added by Ben */
.tablecenter th {
	text-align:center;
	background-image: url(http://www.runeslayer.com/layouts/default/images/newsheader.png);
	background-repeat: repeat;
	color: #BDB2A8;
	white-space:nowrap;
}
.tablecenter td {
	text-align:center;
}
.tablecenter td.left {
	text-align:left;
}
.tablecenter td.right {
	text-align:right;
}
.tablecenter td.spacer {
	border-top:1px hidden black;
	border-bottom:1px hidden black;
}
.tablecenter td.halfspacer {
	border-bottom:1px hidden black;
}

.tablecenter td.nowrap {
	white-space:nowrap;
}

td.item {
	background-image: url(http://www.runeslayer.com/layouts/default/images/semitrans-black.png);
	background-repeat: repeat;
	text-align: center;
	width: 36px;
	height: 36px;
}
.tablecenter tr.members {
	background-color: #E6DDB9;
}
.stafftable { 
	width:100%;
}
.stafftable tr td:first-child {
	width:25%;
}
table.table_of_contents {
	/*float:left;*/
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:auto;
	width:40%;
}
table.table_of_contents td {
	text-align:left;
}
ol.table_of_contents {
	list-style: lower-roman outside;
	padding:0px;
}
ol.table_of_contents a {
	/*color:#9D0F2C;*/
	text-decoration:none;
}
ol.table_of_contents li ol {
	list-style: lower-alpha outside;
	padding:0px;
}
.navtable {
	width:100%;
	border:0px;
}
.navtable tr {
	border:0px;
}
.navtable td {
	border:0px;
}
.topbox {
	background-color: #996633;
	text-align: center;
	border: 1px dashed #CCCCCC;
	padding: 5px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	font-style: oblique;
	vertical-align: middle;
	width: 400px;
}


/* Redirect information */
.redirecta {
 color:#FFFFFF;
 text-decoration:underline;
 font-weight:bolder;}
 
.redirect {
 background-image: url('images/redirect_bg.png');
 width:737px;
 height:25px;
 padding-left:71px;
 padding-right:203px;
 padding-top:10px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bolder;
 color:#FFFFFF;
}
.banner_box{ display:inline; }

.rewardtext, .hinttext { text-align:left; }

/* Boomer used this for skills/dungeoneering/monsters/ */
.nolinetable, .nolinetable tr, .nolinetable td { border: 0 solid transparent; }
.nolinetable td.text { width:30px;}
.nolinetable td { padding: 5px; }

table.tablecenter td.poisonous { background: #088c37; }