/* PDJKEELAN DESIGNS - WWW.GAMERSCRIPTS.COM - COPYRIGHT 2010 */
body {
	background-color: #000;
	color: #FEFCB1;
}
a:link {
	color: #e6bd53;
	text-decoration: none;
}
a:visited {
	color: #e6bd53;
	text-decoration: none;
}
a:hover {
	color: #FCF725;
	text-decoration: underline;
}
a:active {
	color: #FCF725;
	text-decoration: none;
}
/* MAIN FRAMEWORK BEGINS 
Any CSS beginning with 'F_' means that this CSS is a part of the main framework and should only be used for 'basic' styling.
Each page on it's own will use it's own styling i.e. the Homepage has some unique tags which are only used on that page.
Using any of the main framework CSS ID's for anything other than basic styling is very likely to cause mistakes.
*/
#F_Wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#F_Header {
	height: 100px;
	width: 1000px;
	background-image: url(design_img/virtue_logo_cataclysm.png);
	background-repeat: no-repeat;
}
#F_ContentsTop {
	height: 30px;
	width: 1000px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #491f13;
	border-bottom-color: #491f13;
}
#F_MiddleSection {
	clear: both;
	width: 1000px;
}
#F_MiddleSection #F_ContentsLeft {
	float: left;
	width: 160px;
	height: 300px;
}
#F_MiddleSection #F_BodyArea {
	width: 839px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #491f13;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#F_Footer {
	clear: both;
	height: 30px;
	width: 1000px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #491f13;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* MAIN FRAMEWORK ENDS */
/* Head Contents bar including buttons for Home, Raids, DKP etc */
#F_ContentsTop ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#F_ContentsTop li {
	float: left;
	text-align: center;
}
#F_ContentsTop a {
	display: block;
	height: 25px;
	width: 199px;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #491f13;
	color: #FEFCB1;
	padding-top: 5px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#F_ContentsTop a:hover {
	background-color: #220902;
	color: #e6bd53;
}
/* CSS for the currently active header menu element */
#F_ContentsTop a.activecontents {
	font-weight: bold;
	background-color: #1E1E1E;
}
/* The final button for the header contents menu */
#F_ContentsTop a.final {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* This is used to make the text after the first letter in the contents menu into small-caps, this is optional and does not have to be used*/
#F_ContentsTop .smallcaps {
	font-size: 13px;
	font-variant: small-caps;
}
/* Left contents menu, this menu will change as people switch between sections, CSS remains constant for each element there is no active button*/
#F_MiddleSection #F_ContentsLeft #leftContents {
	width: 140px;
	margin-right: auto;
	margin-left: auto;
}
#F_MiddleSection #F_ContentsLeft #leftContents ul {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#F_MiddleSection #F_ContentsLeft #leftContents a {
	height: 20px;
	display: block;
	background-color: #000000;
	font-size: 13px;
	text-decoration: none;
	color: #FEFCB1;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: 0px 7px;
	border: 1px solid #491f13;
	clear: both;
	text-align: center;
}
#F_MiddleSection #F_ContentsLeft #leftContents a:hover {
	background-color: #220902;
	color: #e6bd53;
	border: 1px solid #491f13;
}
#F_MiddleSection #F_ContentsLeft #leftContents  b {
	font-size: 12px;
	font-variant: small-caps;
	font-weight: normal;
}
#MainPage_PicBox {
	clear: both;
	height: 302px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #491f13;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #491f13;
}
#MainPage_PicBox #ShoutBox {
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #491f13;
	height: 302px;
	width: 336px;
	font-size: 10px;
}
#MainPage_PicBox #ShoutBox textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #141414;
	color: #FEFCB1;
	border: 1px solid #491f13;
	margin-top: 7px;
	padding: 3px;
	margin-bottom: 7px;
}
#MainPage_PicBox #ShoutBox input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #141414;
	color: #FEFCB1;
	border: 1px solid #491f13;
	margin-top: 7px;
	padding: 3px;
	margin-bottom: 7px;
}
#MainPage_PicBox #ShoutBox p {
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
#MainPage_PicBox #LrgPic {
	height: 302px;
	width: 500px;
	float: left;
}
.main_body {
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#F_ContentsLeft #LoginForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
#F_ContentsLeft #LoginForm input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #171717;
	color: #FFF;
	border: 1px solid #491f13;
	margin-top: 7px;
	padding: 0px;
	margin-bottom: 7px;
}
#F_ContentsLeft #LoginForm strong {
	display: block;
	text-align: center;
}
#F_ContentsLeft #LoginInfoBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	border: 1px solid #491f13;
	width: 140px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#F_ContentsLeft #LoginInfoBox h2 {
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	display: block;
	background-color: #220902;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #491f13;
}
#F_ContentsLeft #LoginInfoBox #Messages {
	font-size: 10px;
	text-align: left;
	line-height: 17px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	font-weight: bold;
}
.main_body table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.main_body h1 {
	font-size: 22px;
	margin-top: 0px;
	padding-top: 0px;
}
.main_body .rowedtable th {
	background-color: #230D01;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #491f13;
	font-weight: bold;
}
.center, .rowedtable th.center{
	text-align: center;	
}
.center_clear{
	text-align: center;
	clear: both;
}
.main_body tr.row1 {
	background-color: #140A01;
}
.main_body tr.row2 {
	background-color: #1A0A02;
}
.main_body tr.row1:hover {
	background-color: #230D01;
}
.main_body tr.row2:hover {
	background-color: #230D01;
}
.main_body tr.row1 td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #491f13;
}
.main_body tr.row2 td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #491f13;
}
.main_body .classtotals {
	border: 1px solid #491f13;
}
.main_body .classtotals th {
	background-color: #230D01;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #491f13;
	font-weight: bold;
}
.main_body input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #141414;
	color: #FEFCB1;
	border: 1px solid #491f13;
	margin-top: 7px;
	padding: 3px;
	margin-bottom: 7px;
}
.main_body input:hover {
	border: 1px solid #923E25;
}
.main_body textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #141414;
	color: #FEFCB1;
	border: 1px solid #491f13;
	margin-top: 7px;
	padding: 3px;
	margin-bottom: 7px;
}
.main_body textarea:hover {
	border: 1px solid #923E25;
}
.main_body select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #141414;
	color: #FEFCB1;
	border: 1px solid #491f13;
	margin-top: 7px;
	padding: 3px;
	margin-bottom: 7px;
}
.gallery_box_left {
	float: left;
	width: 202px;
	text-align: center;
}
.gallery_row {
	clear: both;
}
.gallery_box_left img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 20px;
}
.gallery_catbox {
	float: left;
	width: 212px;
	height: 388px;
	margin-right: 28px;
	background-repeat: no-repeat;
	margin-bottom: 25px;
	margin-left: 28px;
}
.gallery_catbox a {
	height: 200px;
	width: 212px;
	color: #000;
	display: block;
}

.gallery_catbox h1 {
	text-align: center;
	
}
.gal_catbox_internal {
	height: 119px;
	width: 190px;
	margin-left: 10px;
	margin-top: 29px;
}
.gal_catbox_internal a {
	height: 143px;
	width: 190px;
	display: block;
}
.gal_img_container {
	float: left;
	width: 195px;
	margin: 4px;
	text-align: center;
}
.gal_singleimg {
	height: 125px;
	width: 195px;
	margin-bottom: 8px;
}
.gal_singleimg a {
	color: #AC841A;
}
.gal_singleimg_info {
	text-align: center;
	height: 50px;
	width: 195px;
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 4px;
}
.float_right {
	float: right;
}

.float_right_char_avatar {
	float: right;
	text-align: right;
	border: 3px solid #491f13;
}
.float_right_joinraid a {
	float: right;
	text-align: right;
	font-weight: bold;
	color: #0C0;
}
.float_right_leaveraid a {
	float: right;
	text-align: right;
	font-weight: bold;
	color: #F00;
}
.clear {
	clear: both;
	height: 10px;
}
.center_options option {
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
}
fieldset {
	border: 1px solid #491F13;
	padding-right: 15px;
	padding-left: 15px;
}
legend {
	color: #fff;
	border: 1px solid #491F13;
	padding: 2px 6px;
	background-color: #141414;
} 
.previous {
	font-size: 20px;
	float: left;
}
.gal_previousnext {
	clear: both;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
}

.next {
	font-size: 20px;
	float: right;
}


.rarity_1, .rarity_1 a {
	color: #FFF;
}
.smallheader {
	font-size: 14px;
	font-weight: bold;
}
.alert {
	font-weight: bold;
	color: #F00;
	text-align: center;
}


.rarity_2, .rarity_2 a {
	color: #0F0;
}
.rarity_3, .rarity_3 a {
	color: #0086C5;
}
.rarity_, .rarity_4 a {
	color: #9440EE;
}
.rarity_5, .rarity_5 a {
	color: #FD8B11;
}
#selImg {
	height: 18px;
	width: 18px;
	float: left;
	background-repeat: no-repeat;
	margin-top: 9px;
	margin-right: 5px;
	margin-left: 10px;
}
#f_favclass {
	float: left;
}

/* WOW CLASSES */
/* WARRIOR */
.wow_class_1, .wow_class_1 a{
	color: #B7B788;
}
.wow_classimg_1 {
	background-image: url(design_img/class_icon/1.gif);
	height: 18px;
	width: 18px;
	color: #B7B788;	
}
/* PALADIN */
.wow_class_2, .wow_class_2 a{
	color: #DB95DB;
}
.wow_classimg_2 {
	background-image: url(design_img/class_icon/2.gif);
	height: 18px;
	width: 18px;
	color: #DB95DB;	
}
/* HUNTER */
.wow_class_3, .wow_class_3 a{
	color: #BBFFAB;
}
.wow_classimg_3 {
	background-image: url(design_img/class_icon/3.gif);
	height: 18px;
	width: 18px;
	color: #BBFFAB;	
}
/* ROGUE */
.wow_class_4, .wow_class_4 a{
	color: #FEFF98;
	color: #FEFF98;
}
.wow_classimg_4 {
	background-image: url(design_img/class_icon/4.gif);
	height: 18px;
	width: 18px;	
}
/* PRIEST */
.wow_class_5, .wow_class_5 a{
	color: #F8F8F1;
}
.wow_classimg_5 {
	background-image: url(design_img/class_icon/5.gif);
	height: 18px;
	width: 18px;	
	color: #F8F8F1;
}
/* DEATH KNIGHT */
.wow_class_6, .wow_class_6 a{
	color: #C41E3A;
}
.wow_classimg_6 {
	background-image: url(design_img/class_icon/6.gif);
	height: 18px;
	width: 18px;
	color: #C41E3A;	
}
/* SHAMAN */
.wow_class_7, .wow_class_7 a{
	color: #94ECD2;
}
.wow_classimg_7 {
	background-image: url(design_img/class_icon/7.gif);
	height: 18px;
	width: 18px;	
	color: #94ECD2;
}
/* MAGE */
.wow_class_8, .wow_class_8 a{
	color: #9FC5FF;
}
.wow_classimg_8 {
	background-image: url(design_img/class_icon/8.gif);
	height: 18px;
	width: 18px;
	color: #9FC5FF;	
}
/* WARLOCK */
.wow_class_9, .wow_class_9 a{
	color: #A681BC;
}
.wow_classimg_9 {
	background-image: url(design_img/class_icon/9.gif);
	height: 18px;
	width: 18px;
	color: #A681BC;	
}
/* DRUID */
.wow_class_11, .wow_class_11 a{
	color: #FFCF77;
}
.wow_classimg_11 {
	background-image: url(design_img/class_icon/11.gif);
	height: 18px;
	width: 18px;
	color: #FFCF77;	
}
.online {
	color: #0C0;
	font-weight: bold;
}
.offline {
	color: #C00;
	font-weight: bold;
}
fieldset.vmsg legend {
	text-align: center;
	line-height: 18px;
}
fieldset.vmsg legend .smallletters {
	font-size: 11px;
}

fieldset.vmsg legend.priority {
	float: right;
	top: -49px;
	position: relative;
}



/* OVERLAY BOX */
	#facebox {
	/* overlay is hidden before loading */
		display:none;
	/* standard decorations */
		width:580px;
	border:5px solid #491f13;
	/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);
	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
	-webkit-border-radius:8px;
	
	}

	#facebox div {
	padding:10px;
	border:1px solid #491f13;
	background-color:#000;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	color: #FFF;
	font-size: 12px;
	line-height: 18px;
	}

	#facebox h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#220902;
	padding:5px 10px;
	border:1px solid #491f13;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	#facebox p {
	margin-top: 10px;
	margin-bottom: 10px;
	}	
	
#TopInPageContents {
	height: 50px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	padding: 0px;
}
#TopInPageContents ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	clear: left;
}
#TopInPageContents ul li {
	float: left;

}

#TopInPageContents a {
	height: 20px;
	display: block;
	background-color: #000000;
	font-size: 13px;
	text-decoration: none;
	color: #FEFCB1;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: 0px 7px;
	border: 1px solid #491f13;
	text-align: center;
	width: 150px;
	margin: 10px;
	padding: 7px;
	float: left;
}
#TopInPageContents a:hover {
	background-color: #220902;
	color: #e6bd53;
	border: 1px solid #491f13;
}
#realid_box {
	height: 204px;
}
.italics_right {
	font-style: italic;
	text-align: right;
}