/* CSS - 4Evil Clansite by Robjong */

/**** Standard Styles ****/

/*body
{
	background-image: 	url(../images/bg_dark.jpg);
	color:            	#999;
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	10px;
	text-decoration:  	none;
}

a, a:link, a:visited
{
	color:            	#CCC;
	font-weight:      	bold;
	text-decoration:  	none;
}

a:hover
{
	color:            	#FFF;
	font-weight:      	bold;
	text-decoration:  	underline;
}

h1
{
	color:            	#006666;
	font-size:        	18px;
	font-weight:      	bold;
}

h2
{
	color:            	#006666;
	font-size:        	16px;
	font-weight:      	bold;
}

h3
{
	color:            	#006666;
	font-size:        	14px;
	font-weight:      	bold;
}

h4
{
	color:            	#006666;
	font-size:       	12px;
	font-weight:     	bold;
}*/

/**** Class Styles ****/

.topLoginMain
{
	border:           	2px solid #333;
	padding:          	5px;
	font-weight:      	bold;
	font-size:        	12px;
	width:            	75%;
	text-align:       	right;
}

.topLogin input
{
	background-color: 	#CCC;
	color:            	#333;
	font-size:        	1em;
	height:           	auto;
	width:            	80px;
}

.topLogin select
{
	background-color: 	#333;
	color:            	#000099;
}

.topLogin input.radio
{
	background-color: 	#000099;
}

.topLogin textarea
{
	background-color: 	#CCC;
	color:            	#000099;
}

.topLoginButton
{
	height:           	auto;
	font-size:        	20px;
	background-color: 	#333;
	color:            	#999;
}

.sideLogin
{
	background-color: 	#666;
	border: 			1px #DDD solid;
	color:				#FFF;
	padding:			4px;
	width: 				92%;
	text-align:			left;
}

#sideLoginInput
{
	background-color: 	#999;
	border: 			1px #DDD solid;
	width: 				95%;
}

#sideLoginButton
{
	background-color: 	#CCC;
	border: 			1px #DDD solid;
	width: 				44%;
}

.headTable
{
	width:            	800px;
	height:			  	120px;
	border-top:       	#CCC 2px solid;
	border-left:      	#CCC 2px solid;
	border-right:     	#CCC 2px solid;
	background-image: 	url(../images/banner_4evil.jpg);
	padding:          	12px;
}

.mainTable
{
	width:            	800px;
	background:       	#333;
	border-top:       	#CCC 2px solid;
	border-left:      	#CCC 2px solid;
	border-right:     	#CCC 2px solid;
	border-bottom:    	#CCC 2px solid;
	padding-top:      	2px;
	padding-left:     	4px;
	padding-right:    	4px;
	padding-bottom:   	2px;
}

.qnewsWrapper
{
	width:            	100%;
}

.qnewsTable
{
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	11px;
	text-decoration:  	none;
	width:            	100%;
}

.qnewsTitle
{
	background-color:	#DDD;
	border:				1px #336699 solid;
/* 	border-bottom:		1px #336699 solid; */
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	13px;
	font-weight:		bold;
	overflow:			hidden;
	padding:			2px;
	text-decoration:  	none;
	width:            	99%;
}

.qnewsItem
{
	background-color:	#444;
	color:				#DDD;
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	11px;
	overflow:			hidden;
	padding-top: 		4px;
	padding-left: 		2px;
	padding-right: 		2px;
	padding-bottom: 	12px;
	text-align: 		justify;
}

.qnewsFooter
{
	color:				#336699;
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	10px;
	text-align: 		right;
}

.qnewsWrapper_s
{

}

.qnewsTable_s
{
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	11px;
	text-decoration:  	none;
	width:            	100%;
}

.qnewsTitle_s
{
	background-color:	#DDD;
	border:				1px #336699 solid;
/* 	border-bottom:		1px #336699 solid; */
	color: 				#000;
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	13px;
	overflow:			hidden;
	font-weight:		bold;
	padding:			2px;
	text-decoration:  	none;
	width:            	95%;
}

.qnewsTitle_s a
{
	color: 				#000;
	font-weight:		bold;
}

.qnewsItem_s
{
	background-color:	#444;
	color:				#DDD;
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	11px;
	overflow:			hidden;
	text-align: 		justify;
	width:            	100%;
}

.qnewsFooter_s
{
	color:				#336699;
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	10px;
	text-align: 		right;
}

.qnewsError
{
	background-color:	#FFFFCC;
	border:				1px #990000 solid;
	color:				#222;
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	11px;
	overflow:			hidden;
	padding-top: 		4px;
	padding-left: 		2px;
	padding-right: 		2px;
	padding-bottom: 	12px;
	text-align: 		left;
	width:            	95%;
}

.qnewsErrTitle
{
	background-color:	#FFFFCC;
	border-bottom:		1px #990000 solid;
/* 	border-bottom:		1px #336699 solid; */
	color: 				#990000;
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	13px;
	font-weight: 		bold;
	overflow:			hidden;
	padding:			2px;
	text-decoration:  	none;
	width:            	95%;
}

.faqWrapper
{
	padding: 			0.2em;
}

.faqItem
{
	background-color:	#CCC;
	border: 			1px solid #999;
	color: 				#000;
	display: 			block;
	font-weight: 		normal;
	font-size: 			1.1em;
	padding-top: 		4px;
	padding-left: 		2px;
	padding-right: 		2px;
	padding-bottom: 	12px;
}

.faqTitle
{
	background-color: 	#FFF;
	border: 			1px solid #999;
	color: 				#000066;
	font-weight: 		bold;
	font-size: 			1.3em;
	padding: 			2px;
}


.faqTitle a
{
	color: 				#000066;
}

.faqErrItem
{
	background-color: 	#FFF;
	border: 			1px solid #990000;
	color: 				#000;
	font-weight:		 normal;
	font-size: 			1.1em;
	padding-top: 		4px;
	padding-left: 		2px;
	padding-right: 		2px;
	padding-bottom: 	12px;
}

.faqErrTitle
{
	background-color: 	#FFFFCC;
	border: 			1px solid #990000;
	color:				#990000;
	font-weight: 		bold;
	font-size: 			1.3em;
	padding: 			2px;
}

.msg_alert
{
	background-color: 	#FFFFCC;
	border: 			1px solid #990000;
	color:				#990000;
	font-weight: 		bold;
	font-size: 			1em;
	padding: 			2px;
}

.footTable
{
	width:            	800px;
	height:           	15px;
	background-image: 	url(../images/footer_4evil.jpg);
	background-color: 	#000;
	border-left:      	#CCC 2px solid;
	border-right:     	#CCC 2px solid;
	border-bottom:    	#CCC 2px solid;
	padding-top:      	2px;
	padding-left:     	4px;
	padding-right:    	4px;
	padding-bottom:  	2px;
}

.headContent
{
	color:            	#006666;
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	40px;
	font-weight:      	bold;
	font-variant:     	small-caps;
	font-stretch:     	semi-condensed;
	padding-left:     	250px;
}

.mainContent
{
	width:            	620px;
	border-left:      	#CCC 1px solid;
	color:            	#999;
	font-family:      	Verdana, Arial, Helvetica, sans-serif;
	font-size:        	10px;
	word-spacing:     	2px;
	text-align:  	  	left;
	text-decoration:  	none;
	padding-top:      	4px;
	padding-left:     	4px;
	padding-right:    	4px;
	padding-bottom:   	4px;
}

.footContent
{
	color:             	#999;
	font-family:       	Verdana, Arial, Helvetica, sans-serif;
	font-size:         	10px;
	font-weight:       	bold;
	word-spacing:      	4px;
	text-align:  	   	center;
}

.navMenu
{
	width:             	150px;
	background-color:  	#333;
	color:             	#006666;
	font-family:       	Verdana, Arial, Helvetica, sans-serif;
	font-size:         	10px;
	font-weight: 		normal;
	padding-top:       	4px;
	padding-left:      	8px;
	padding-right:     	2px;
	padding-bottom:    	4px;
	text-align:  	   	left;
	text-decoration:   	none;
	vertical-align:    	top;
	word-spacing:      	2px;
}

.navMenu td
{
	background-color:  	#666;
	border:            	#CCC 1px solid;
	color:             	#006666;
	font-family:       	Verdana, Arial, Helvetica, sans-serif;
	font-size:         	10px;
	font-weight:       	normal;
	padding-top:       	4px;
	padding-left:      	8px;
	padding-right:     	2px;
	padding-bottom:    	4px;
	text-align:  	   	left;
	text-decoration:   	none;
	vertical-align:    	text-top;
	word-spacing:     	2px;
}

.storyBox
{
	width:             	90%;
	border-bottom: 	   	#999 1px solid;
	color:             	#CCC;
	font-family: 	   	Verdana, Arial, Helvetica, sans-serif;
	font-size:         	10px;
	text-align:  	   	left;
	padding:           	2px;
}

.codeBox
{
	width:            	90%;
	background-color: 	#CCC;
	border: 		  	#000 1px dashed;
	color:            	#000;
	font-family: 	  	"Times New Roman", Times, serif;
	font-size:        	14px;
	text-align:  	  	left;
	padding:          	4px;
}

.topMenu form
{
	height:           	100px;
}

/**** ID Styles ****/

#navLink a
{
	color:             	#CCC;
	font-size:        	11px;
	font-weight:      	bold;
	text-decoration:  	none;
}

#navLink a:hover
{
	color:             	#999;
	font-size:         	11px;
	font-weight:       	bold;
	text-decoration:   	none;
}

#footLink a
{
	color:             	#FFF;
	font-size:         	10px;
	font-weight:       	bold;
	text-decoration:   	underline;
}

#footLink a:hover
{
	color:             	#FFF;
	font-size:         	10px;
	font-weight:       	bold;
	text-decoration:   	underline;
}

#topMenu a
{
	color:             	#FFF;
	font-size:         	10px;
	font-weight:       	bold;
	text-decoration:   	none;
}

#topMenu a:hover
{
	color:             	#FFF;
	font-size:         	10px;
	font-weight:       	bold;
	text-decoration:   	underline;
}

#menuHead
{
	color:             	#004466;
	font-size:         	1.2em;
	font-weight:       	bold;
	font-variant:      	small-caps;
	padding:			10px;
	text-align:       	center;
}

#storyHead
{
	color:            	#CCC;
	font-size:        	12px;
	font-weight:       	bold;
	font-variant:      	small-caps;
}

#route_side img
{
	border:				none;
}

#codeHead
{
	background-color: 	#FEFEFE;
	border-bottom:    	1px #000 solid;
	color:            	#000;
	font-size:        	12px;
	font-weight:      	bold;
	font-variant:     	small-caps;
}

#errorTop
{
	background-color:  	#FF0000;
	border:            	1px solid #FFF;
	color:             	#000;
	font-size:         	10px;
	font-weight:       	normal;
	padding-left:      	5px;
}