/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Global
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

body, div, img, form, fieldset, ul, li, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: none; }
	
p {
	line-height: 150%;
	margin: 0 0 20px 0; }
	
body {
	background: #000000 url("/img/bg/1.jpg") top center no-repeat;
	color: #131313;
	padding-top: 30px;
	font: normal 10pt "Verdana", "Arial", sans-serif; }
	
strong, .white { color: #d6d1c4; }

blockquote {
	background: #34302a;
	border: 1px dotted #6d6556;
	margin: 0 10px;
	padding: 10px; }
	
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Text / Headings
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

a { color: #db0000; text-decoration: none;  }
a:hover { text-decoration: underline; }
	
h1 {
	position: absolute;
	width: 250px;
	height: 180px;
	top: 0;
	left: 45px; }
	
	h1 a {
		width: 250px;
		height: 180px;
		display: block;
		text-indent: -9999px;
		outline: none; }
		
	h1 a:hover { background: url("/img/logo.gif") top left no-repeat; }
	
h2 {
	color: #791c00;
	font-family: "Georgia", "Times New Roman", Times, serif; }
	
	h2 a { color: #791c00; }
	h2 a:hover {
		color: #db0000; 
		text-decoration: none; }
	
h4 a { color: #d8002a; }

input, textarea, select {
	padding: 3px;
	color: #c7c7b8;
	border: 1px solid #60605e;
	font: normal 10pt "Verdana", "Arial", sans-serif;
	background: #47423e; }
	
	select { padding: 2px; }
	
.input { margin-bottom: 15px; }
	
.input label {
	display: block;
	font-weight: bold;
	margin-bottom: 2px; }
	
.input input, .input textarea, .input select {
	color: #131313;
	padding: 3px;
	border: 1px solid #b5a99a;
	font: normal 10pt "Verdana", "Arial", sans-serif;
	background: #f4f1ea; }
	
.error-message { 
	margin-top: 2px;
	color: #db0000;
	padding-left: 15px;
	background: url("/img/bullet_red.gif") center left no-repeat; }
	
.submit { text-align: center; }
		
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Header / Menu
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

#wrapper {
	width: 1000px;
	margin: 0 auto; }
	
#header {
	height: 280px;
	overflow: hidden;
	position: relative;
	background: transparent url("/img/header.png") top left no-repeat; }
	
	#userBar {
		position: absolute;
		top: 0;
		right: 0;
		width: 605px;
		height: 23px; 
		padding: 7px 100px 0 0;
		color: #b7b7b7;
		font-size: 8pt;
		text-align: right; }
		
		#userBar a { color: #ffffff; }
		
	#menu {
		position: absolute;
		top: 30px;
		right: 0;
		width: 655px;
		height: 99px;
		list-style: none;
		padding-left: 50px;
		overflow: hidden;
		background: url("/img/menu_bg.gif") top left no-repeat; }
		
		#menu li {
			float: left;
			margin-right: 2px;
			height: 63px; }
			
		#menu li a {
			display: block;
			height: 63px;
			outline: none;
			float: left;
			text-indent: -9999px; }
			
			#menu li.menuHome a 	{ width: 105px; background: url("/img/menu_home.gif") top left no-repeat; }
			#menu li.menuForums a 	{ width: 121px; background: url("/img/menu_forums.gif") top left no-repeat; }
			#menu li.menuGuide a 	{ width: 110px; background: url("/img/menu_guide.gif") top left no-repeat; }
			#menu li.menuMedia a 	{ width: 108px; background: url("/img/menu_media.gif") top left no-repeat; }
			#menu li.menuInfo a 	{ width: 95px; background: url("/img/menu_info.gif") top left no-repeat; }
			#menu li a:hover,
			#menu li a.active { background-position: bottom left; }
		
		#menu li div {
			position: absolute;
			top: 63px;
			right: 0;
			width: 605px;
			height: 26px; 
			padding: 10px 100px 0 0;
			color: #cd8873;
			text-align: center; 
			display: none; }
			
			#menu li div a { 
				display: inline;
				background: none;
				float: none;
				color: #cd8873;
				margin: 0 5px; }
				
			#menu li div a:hover { background: none; }
			
		#menu li:hover div { display: block; }
		
	#formHeaderSearch {
		position: absolute;
		top: 129px;
		right: 50px;
		width: 210px;
		height: 25px;
		padding: 1px 10px; }
		
		#formHeaderSearch input {
			padding: 3px;
			color: #e1c492;
			background: none;
			border: none; }
			
#footer { 
	color: #503e31;
	padding: 30px 300px; }
			
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Content / Body
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
			
#content { background: #000000; }

	#contentTitle {
		height: 60px;
		background: url("/img/leather_top.jpg") top left no-repeat; }
		
		#contentTitle h4 {
			height: 60px; }
			
		#contentTitle h5 { 
			height: 40px;
			padding-top: 20px;
			color: #d8b16e;
			font: normal 18pt "Georgia", "Times New Roman", Times, serif;
			text-align: center; }
			
		h4#newsUpdates { 
			text-indent: -9999px;
			background: url("/img/title_news.gif") center center no-repeat; }
			
	#contentBot {
		height: 40px;
		text-align: center;
		color: #6c6c6c;
		background: url("/img/leather_bot.jpg") center center no-repeat; }
		
		#contentBot a {
			color: #92682e;
			font-weight: bold;
			margin: 0 10px; }

#left, #right {
	float: left;
	width: 200px;
	overflow: hidden;
	background: #282522 url("/img/column_bg.jpg") top left repeat; }
	
#middle {
	float: left;
	width: 600px;
	overflow: hidden;
	background: #241411 url("/img/leather_bg.jpg") top left repeat; }
	
#wide {
	float: left;
	width: 720px;
	overflow: hidden;
	padding: 0 40px;
	background: #241411 url("/img/leather_wide_bg.jpg") top left repeat; }
	
	#wideTop {
		height: 50px;
		color: #6c6c6c;
		margin: 0 -40px;
		background: url("/img/leather_wide_top.jpg") top left no-repeat; }
			
		#wideTop h5 { 
			color: #d8b16e;
			font: normal 18pt "Georgia", "Times New Roman", Times, serif; }
	
	#wideBot {
		height: 40px;
		text-align: center;
		margin: 0 -40px;
		background: url("/img/leather_wide_bot.jpg") center center no-repeat; }
		
		#wide.empty { padding: 0; width: 800px; }
		
		#wide.empty #wideTop, #wide.empty #wideBot { 
			margin: 0; 
			padding: 15px;
			height: auto; }

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Columns
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
	
.columnTab {
	width: 200px;
	height: 39px;
	text-indent: -99999px; }
	
	#worldGuide 	{ background: url("/img/tab_world_guide.jpg") top left no-repeat; }
	#randomMedia 	{ background: url("/img/tab_random_media.jpg") top left no-repeat; }
	#journal 		{ background: url("/img/tab_journal.jpg") top left no-repeat; }
	#controlPanel 	{ background: url("/img/tab_control_panel.jpg") top left no-repeat; }
	
#subMenu {
	background: url("/img/column_decal.jpg") top left no-repeat;
	padding: 0 3px;
	border-bottom: 1px solid #4f4644;
	list-style: none; }
	
	#subMenu li a {
		border-top: 1px solid #4f4644;
		border-bottom: 1px solid #0c0c0c;
		color: #e1c492;
		padding: 8px;
		display: block; }
		
		#subMenu ul { 
			display: none;
			background: url("/img/column_bg_red.jpg") top center no-repeat; }
		
		#subMenu ul li a  {
			border-top: 1px solid #572323;
			border-bottom: 1px solid #0c0403;
			padding-left: 28px;
			color: #cd8873; }
		
	#subMenu li a:hover { text-decoration: none; background: url("/img/opacity_black.png") repeat; }
	
#tapestryLeft {
	height: 250px;
	background: url("/img/tapestry_left.jpg") no-repeat; }
	
#tapestryRight {
	height: 345px;
	background: url("/img/tapestry_right.jpg") no-repeat; }
	
#journals { padding: 0 3px; }

.journal {
	height: 50px;
	padding: 10px; }
	
	.journal a { color: #d6d1c4; font-weight: bold; }
	.journal a:hover { color: #ffffff; }
	
.sidebar {
	padding: 10px;
	color: #e1c492;  }
	
	.sidebar a { color: #e1ddd2; }
	.sidebar a:hover { color: #ffffff; }
	
#randomMediaBox {
	padding: 15px;
	text-align: center; }
	
	#randomMediaBox .media { margin-bottom: 5px; }
	
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Content Elements
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
	
.paper { background: url("/img/paper_bg.gif") repeat; }

	.paper .paperBot {
		height: 70px;
		background: url("/img/paper_bot.gif") bottom left no-repeat; }
		
	.paper .paperBody { 
		padding: 20px 35px;
		background: url("/img/paper_top.jpg") top left no-repeat; }
		
	.paper .paperBreak {
		display: block;
		background: url("/img/paper_divider.jpg") top left no-repeat; 
		height: 20px;
		margin: 15px -35px;
		width: 600px; }
		
#wide .paper { background: url("/img/paper_bg_wide.gif") repeat; }

	#wide .paper .paperBot {
		height: 70px;
		background: url("/img/paper_bot_wide.gif") bottom left no-repeat; }
		
	#wide .paper .paperBody { 
		padding: 20px 35px 0 35px;
		background: url("/img/paper_top_wide.jpg") top left no-repeat; }
		
	#wide .paper .paperBreak {
		display: block;
		background: url("/img/paper_divider_wide.jpg") top left no-repeat; 
		height: 20px;
		margin: 15px -35px;
		width: 800px; }
			
.paper blockquote {
	border: 1px dotted #b5a99a;
	background: #f4f1ea; }
	
.paper strong { color: #131313; }

/* Entries */
	
#entries {
	padding-bottom: 70px;
	background: url("/img/paper_bot.jpg") bottom left no-repeat; }

.entry { 
	background: url("/img/paper_divider.jpg") top left no-repeat; 
	padding: 30px 35px 25px 35px; }
	
	.entry.first { 
		padding-top: 20px;
		background: url("/img/paper_top.jpg") top left no-repeat; }

.entryMeta {
	color: #6a6a6a;
	font-family: "Georgia", "Times New Roman", Times, serif; }
	
	.entryMeta a { color: #2d2d2d; }
	
/* Flashes */
		
#errors, .alert {
	-moz-border-radius-bottomleft: 1ex;
	-moz-border-radius-bottomright: 1ex;
	-moz-border-radius-topleft: 1ex;
	-moz-border-radius-topright: 1ex;
	color: #e1c492;
	padding: 10px;
	background: #13100e;
	border: 1px solid red;
	margin: 0 0 15px 0; }
	
	#errors ul { list-style: none; }

	#errors li { 
		padding: 2px 0 2px 20px; 
		background: url("/img/bullet_red.gif") 5px 8px no-repeat; }

#completed, #flashMessage.message {
	-moz-border-radius-bottomleft: 1ex;
	-moz-border-radius-bottomright: 1ex;
	-moz-border-radius-topleft: 1ex;
	-moz-border-radius-topright: 1ex;
	padding: 10px;
	background: #13100e;
	border: 1px solid #666666;
	color: #e1c492;
	margin: 15px 0 25px 0; }
		
.resources { 
	margin: 0 0 10px 0;
	list-style: none; }
	
	.resources li { padding: 1px 0 0 20px; }
	.resources li.gold { background: url("/img/gold.gif") center left no-repeat; }
	.resources li.silver { background: url("/img/silver.gif") center left no-repeat; }
	
.bullet, .list { list-style: none; }

	.bullet li { 
		padding: 2px 0 2px 20px; 
		background: url("/img/bullet_red.gif") 5px 8px no-repeat; }
		
	.list li { 
		padding: 2px 0 2px 20px; 
		background: url("/img/bullet.gif") 4px 6px no-repeat; }
	
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Forums
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
	
.frame {
	width: 720px;
	overflow: hidden;
	margin: 0 0 25px 0;
	background: #211e1a url("/img/frame_bg.jpg") repeat; }
	
	.frame h3 {
		height: 27px;
		color: #ffffff;
		font-weight: bold;
		font-size: 11pt;
		padding: 8px 15px 0 15px;
		background: url("/img/frame_header.jpg") no-repeat; }
		
	.frame table { 
		width: 714px;
		margin: 0 3px; }
		
	.frameTop {
		width: 720px;
		height: 4px;
		display: block;
		background: url("/img/frame_top.jpg") no-repeat; }
		
	.frameBot {
		width: 720px;
		height: 4px;
		display: block;
		background: url("/img/frame_bot.jpg") no-repeat; }
		
	.frameInner { 
		color: #e1c492;
		padding: 20px; }
		
.forum { color: #e1c492; }	
.forum a { color: #d8002a; }
.forum a.history { color: #898989; }

	.forum thead {
		color: #868686;
		height: 25px;
		background: #3b3b38 url("/img/frame_top_sub.jpg") repeat; }
		
	.forum tbody td { padding: 10px; }
	.forum thead th { padding: 0; }
	
	.forum tbody .altRow { background: url("/img/opacity_black.png") repeat; }
	.forum tbody tr.row { background-color: #13100e; }
	
.table { width: 100%; }
.table td { padding: 5px; }

.options { color: #6c6c6c; }
.options a { color: #cd8873; }
	
.signature {
	height: 90px;
	padding-top: 10px;
	margin-top: 20px;
	border-top: 1px dotted #6d6556;
	overflow: hidden; }
	
.forumInner { 
	color: #e1c492;
	padding: 10px; }
	
.forumPost {
	width: 540px;
	overflow-x: auto;
	color: #eedfc4; }

.forumStats {
	color: #6c6c6c;
	margin-bottom: 20px; }
	
td.emptyResult,
.forum tbody td.emptyResult {
	text-align: center;
	padding: 50px; }

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Game Guide
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

#gameInfo h2 { margin-bottom: 5px; }

.guideCol {
	float: left;
	width: 25%; }

	.guideCol .list { margin-top: 5px; }

.inlineImg {
	padding: 5px;
	background: #e8e4db;
	border: 1px solid #b7b0a0;
	margin: 0 10px 10px 10px; }
	
	.inlineImg img {
		border: 1px solid #ffffff;
		margin-bottom: -2px; }
	
/* Classes */

#classBody {
	float: right;
	position: relative;
	margin-left: 15px; }
	
	.classCol {
		float: left;
		width: 33%;
		text-align: center; }

#skillTabs { margin: 10px 0 15px 0; }

	#skillTabs a {
		display: block;
		float: left;
		margin-right: 10px;
		padding: 5px 10px;
		font-weight: bold;
		background: #e8e4db;
		border: 1px solid #b7b0a0;
		-moz-border-radius: .4em;
		outline: none; }
		
	#skillTabs a.active { background: #f2f0eb; color: #6C6C6C; }
	#skillTabs a:hover { text-decoration: none; }
	.skillTree .list li { margin-bottom: 5px; }
	
/* World Map, Environments */
	
#worldMap {
	background: #000000 url("/img/guide/world_map_bg.jpg") no-repeat;
	text-align: center; }

.envCol {
	float: left;
	width: 25%;
	margin: 10px 0 25px 0; }
	
/* Dungeons */

.dungeon { margin-bottom: 15px; }

/* Lore */

#timeline dt { 
	border-bottom: 1px solid #b7b0a0;
	margin: 15px 0 5px 0;
	padding-left: 5px;
	font: bold 13pt "Georgia", "Times New Roman", Times, serif; }
	
#timeline dd {
	margin-bottom: 5px;
	padding: 2px 0 2px 15px; 
	background: url("/img/bullet.gif") 0 6px no-repeat; }

.gender-switch {
	display: block;
	width: 27px;
	height: 27px;
	background: url("/img/guide/gender.gif") no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100; }

	#genderMale:hover { background-position: 0 -28px; }
	#genderMale.active { background-position: 0 -56px; }
	#genderFemale { right: 30px; background-position: -37px 0; }
	#genderFemale:hover { background-position: -37px -28px; }
	#genderFemale.active { background-position: -37px -56px; }
	
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Pagination
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.pagination { text-align: right; }
.pagingText { float: left; }

	.pagination li {
		margin-left: 5px;
		display: inline-block; }
		
	.pagination li a {
		padding: 2px 5px;
		color: #867e7c;
		border: 1px dotted #6D6556;
		background: #34302A;
		font-weight: bold; }
		
		.pagination li a:hover {
			text-decoration: none;
			border: 1px solid #867e7c; }
	
	.pagination li.current {
		padding: 2px 5px;
		color: #ffffff;
		font-weight: bold; }
		
.paper .pagination li a {
	background: #e8e4db;
	border: 1px solid #b7b0a0;
	color: #db0000; }
	
	.paper .pagination li a:hover {
		background: #f2f0eb; 
		color: #6C6C6C; }
	
	.paper .pagination li.current { color: black; }
	
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Media
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.media {
	width: 150px;
	height: 113px;
	padding: 9px;
	background: url("/img/media_frame.gif") no-repeat; }
	
	.media img { border: 1px solid black; }
	
.mediaGrid {
	float: left;
	margin: 0 5px 10px 5px; }
	
.mediaRow, #gallery { margin-bottom: 25px; }
.guideMediaRow { margin-top: 25px; padding-left: 10px; }
		
#mediaFrame {
	padding: 5px 0;
	text-align: center;
	background: #e8e4db;
	border: 1px solid #b7b0a0;
	margin-bottom: 10px; }
	
	#mediaFrame img { margin-bottom: -2px; }

.mediaNeighbor {
	float: left;
	width: 365px; }
	
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
    Classes
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
	
.hide { display: none; }
.date { font-family: "Georgia", "Times New Roman", Times, serif; }

.clear {
	clear: both;
	display: block;
	content: url(""); }
	
.lightBrown { color: #e1c492; }
.gray { color: #6c6c6c; }

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }

.mb15 { margin-bottom: 15px; }
.mb25 { margin-bottom: 25px; }
.mt15 { margin-top: 15px; }
.mt25 { margin-top: 25px; }

.noMb { margin-bottom: 0; }
.noMt { margin-top: 0; }

.button,
.submit input {
	border-left: 1px solid #e84c28;
	border-right: 1px solid #e84c28;
	font: bold 7pt "Verdana", "Arial", sans-serif;
	text-transform: uppercase;
	padding: 5px 10px 6px 10px;
	background: url("/img/button_bg.gif") top left repeat-x;
	color: #ffffff;
	cursor: pointer; }
	
	.button { 
		border: 1px solid black;
		border-left-color: #e84c28;
		border-right-color: #e84c28; }
	
	.button.disabled {
		background: url("/img/button_bg_disabled.gif") top left repeat-x;
		border-left-color: #8f8f8f;
		border-right-color: #8f8f8f; }

/*--------------------------------------------------
	Network
--------------------------------------------------*/

.network-bar {
	width: 100%;
	border-bottom: 1px solid #454542;
	font-size: 8pt;
	background: #3a3933 url("/img/network_bar.gif") 0 100% repeat-x;
	color: #898989;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	-moz-box-shadow: 0 0 2px 2px #000;
	-webkit-box-shadow: 0 0 2px 2px #000;
	box-shadow: 0 0 2px 2px #000; }

.network-bar ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px; }

	.network-bar ul.account { float: right; }
	.network-bar ul.realms { float: left; }

.network-bar ul > li { 
	float: left;
	height: 30px;
	position: relative;
	border-right: 1px solid #3b3b38;
	border-left: 1px solid #000000; }

.network-bar .tab {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px; }

	.network-bar a.tab { color: #a8a698; }
	.network-bar a.tab.d3a { background: url("/img/network_d3.gif") 8px 8px no-repeat; padding-left: 40px; }
	.network-bar a.tab.sc2a { background: url("/img/network_sc2.gif") 8px 8px no-repeat; padding-left: 40px; }
	.network-bar a.tab:hover { background-color: #151615; text-decoration: none; }
	
	.network-bar .tab .badge {
		padding: 1px 5px;
		background: #000;
		vertical-align: middle;
		top: -1px;
		font-weight: bold;
		color: #d1d1d1;
		position: relative;
		border: 1px solid #3a3933;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px; 
		border-radius: 3px; }

	.network-bar .tab img { vertical-align: middle; }
	
	.network-bar .tab.tab-active:hover,
	.network-bar .tab.tab-active {
		background: #454542;
		color: #fff; }

.network-bar .menu {
	position: absolute;
	top: 30px;
	right: -2px;
	width: 200px;
	background: #454542;
	border: 1px solid #10100f;
	border-top-color: #454542;
	z-index: 99;
	display: none;
	color: #aeaeae;
	-moz-box-shadow: 2px 2px 2px #10100f;
	-webkit-box-shadow: 2px 2px 2px #10100f;
	box-shadow: 2px 2px 2px #10100f; }

	.network-bar .opened .menu { display: block; }

.network-bar .menu ol {
	margin: 0;
	padding: 0;
	list-style: none; }

.network-bar .menu ol > li {
	border-top: 1px solid #545451;
	border-bottom: 1px solid #3a3a37; }

	.network-bar .menu ol > li:first-child { border-top: 0; }
	
	.network-bar .menu .row { 
		display: block; 
		padding: 7px; 
		line-height: 125%; 
		outline: none; }
	
	.network-bar .menu .row strong { color: #cccccc; }
	.network-bar .menu .row span { color: #898989; }
	.network-bar .menu a.row:hover { background: #3a3a37; text-decoration: none; }
	.network-bar .menu a.row:hover strong { color: #fff; }
	
	.network-bar .menu a.view-all { 
		background: #292927;
		text-align: center; }
	
	.network-bar .menu a.view-all:hover { background: #222221; }
	
	.network-bar .menu .avatar {
		display: block;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		vertical-align: middle;
		width: 25px;
		height: 25px;
		float: left; 
		margin-top: 1px;
		margin-right: 7px; }

/*--------------------------------------------------
	AJAX
--------------------------------------------------*/

#blackout {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: none; }

#alert {
	padding: 20px;
	background: #fff;
	border: 10px solid #c1c1c1;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	width: 325px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 15px #000;
	-webkit-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000; }

	#alert.success { background: #fff url("/img/icons/online.png") 17px 20px no-repeat; padding-left: 45px; }
	#alert.failure { background: #fff url("/img/icons/error.png") 17px 20px no-repeat; padding-left: 45px; }

.checkboxes { float: left; width: 520px; }
.checkboxes .checkbox { width: 33%; float: left; overflow: hidden; padding: 2px 0; font-weight: normal; text-align: left; }
.checkboxes .checkbox input { margin: 0; vertical-align: middle; }

#frenemy  { padding: 10px 10px 0 0; }


.decoda-quoteDate { float: right; font-size: 10px; }
.decoda-quoteAuthor { padding-bottom: 10px; color: #6C6C6C; }

.progressBar {
	height: 10px;
	background: #d8002a;
	border: 1px solid #000;
	padding: 0 1px;
	display: block; }

.panelMenu { width: 25%; float: left; }

/*--------------------------------------------------
	Tooltips
--------------------------------------------------*/

.tooltip { cursor: help; }
span.tooltip, a.tooltip { border-bottom: 1px dotted #6C6C6C; }

#tooltip {
	position: absolute;
	z-index: 3000;
	background: #13100e;
	border: 1px solid #666666;
	color: #e1c492;
	-moz-border-radius: .4em;
	padding: 10px;
	max-width: 175px; }

	#tooltip h3 { font: normal 9pt "Verdana", "Arial", "Tahoma", sans-serif; }
	#tooltip strong { color: #fff; }


.red { color: red; }
.green { color: green; }
.postRating { word-wrap: no-wrap; }
.postRating img { vertical-align: middle; }
.post .icons { text-align: right; }
.post .icons img { margin-left: 3px; }

.history, .history:hover { text-decoration: none; }

.rateHistory { margin: 0; padding: 0; list-style: none; }
.rateHistory li { padding: 1px 0 1px 15px; }
.rateHistory li.vote-2 { background: url("/img/icons/down.png") 0 55% no-repeat; }
.rateHistory li.vote-1 { background: url("/img/icons/up.png") 0 55% no-repeat; }
