/* #####################################################################################
/* -------------------------------------------------------------------------------------
/* CTS: Raptor Skin
/* Created by Josh Stiksma, November 2006
/* Requires: 	/skins/default/images
/* 				/skins/raptor/images
/* -------------------------------------------------------------------------------------
/* #####################################################################################
*/

/* -------------------------------------------------------------------------------------
/* Basic Page Body Styles (do not touch)
/* -------------------------------------------------------------------------------------
*/
html,body 
{
	height:100%;
	font-size: 12px;
	vertical-align: top;
	background-color:#B0B1B6;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
table,td 
{ 
	vertical-align: top; 
	border: 0px;
}	
* 
{ 
	padding: 0px; 
	margin: 0px; 
}
input,option,select 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.1pad > td { padding: 1px; }
.2pad > td { padding: 2px; }
.3pad > td { padding: 3px; }
.4pad > td { padding: 4px; }
.5pad > td { padding: 5px; }
/* -------------------------------------------------------------------------------------
/* Menu Styles
/* -------------------------------------------------------------------------------------
*/
.menuObj 
{
	text-align: left;
	background-repeat: no-repeat;
	color: #999999;
}
.menuEntryBG,.menuEntryBG2  
{ 
	width:153px; 
	height: 23px; 
	background-image: url(/skins/raptor/images/menu_item_2.gif); 
	background-repeat: no-repeat;
}
.menuEntryBG2 
{ 
	background-image: url(/skins/raptor/images/menu_item.gif); 
}
.menuEntryText 
{ 
	padding: 4px 3px 3px 18px; 
	display: block; 
	line-height: 15px;
}
.menuEntry 
{ 
	display: block; 
	width:153px; 
	height: 23px; 
	font-size: 11px; 
	text-decoration: none; 
	cursor: pointer;
}
A.menuEntry:visited,A.menuEntry:active,A.menuEntry:link 
{ 
	color: #999999; 
}
A.menuEntry:hover 
{ 
	color: #CCCCCC; 
}
.menuBoxBG
{ 
	font-size: 11px; 
	display: block; 
	width:135px; 
	padding-left: 18px; 
	color: #999999; 
	background-image: url(/skins/raptor/images/menu_box_bg.gif); 
	background-repeat: repeat-y;
}
.menuBoxTop,.menuBoxBottom  
{ 	
	width:153px; 
	height: 5px; 
	display: block; 
	background-image: url(/skins/raptor/images/menu_box_top.gif); 
	background-repeat: no-repeat; 
	overflow:hidden;
}
.menuBoxBottom 
{ 
	height: 3px; 
	background-image: url(/skins/raptor/images/menu_box_bottom.gif); 
}
.menuHeaderText,.menuHeaderText2 
{ 
	padding: 8px; 
	color: #000000; 
	font-size: 12px; 
	line-height:8px; 
	font-weight: bold;
}
.menuHeaderText2 
{ 
	padding: 18px 8px 8px 8px;
}
.menuHeader,.menuHeader2 {
	cursor: default;
	height: 24px;
	background-image: url(/skins/raptor/images/menu_header_small.gif);
	background-repeat: no-repeat;	
}
.menuHeader2 {
	height: 34px;
	background-image: url(/skins/raptor/images/menu_header_big.gif);
}
.menuEnd {
	height: 1px;
	font-size: 0px;
	background-image: url(/skins/raptor/images/menu_bottom.gif);
	background-repeat: no-repeat;
	overflow:hidden;
}
.menuContents 
{
}
/* -------------------------------------------------------------------------------------
/* Google Ad Area Styles
/* -------------------------------------------------------------------------------------
*/
.adDiv
{
	width:120px;
	padding:3px 8px 3px 2px; 
}
.adTD 
{
	width: 131px; 
	padding: 0 0 0 5px;
}
/* -------------------------------------------------------------------------------------
/* Screenshot Comment Styles
/* -------------------------------------------------------------------------------------
*/
.com1 
{ 
	padding: 4px 5px 10px 5px; 
	border-top: 1px dotted #888888; 
}
.com2 
{ 
	background-color: #CCCCCC; 
	padding: 3px; 
}
.com3 
{ 
	padding: 10px 5px 1px 3px; 
	font-size: 10px; 
	font-weight: bold; 
}
/* -------------------------------------------------------------------------------------
/* Styles Pertaining to the site Header
/* -------------------------------------------------------------------------------------
*/
.headerTopLeft
{
	position: absolute; 
	top: 9px; 
	left: 0px; 
	width: 274px; 
	height: 110px; 
	background: url(/skins/raptor/images/header_raptor.gif);
	overflow: hidden;
}
.headerCTSVersion
{
	position: absolute; 
	top: 109px; 
	left: 5px; 
	font-size: 8px; 
	color: #666666;
	overflow: hidden; 
}
.headerTopBorder
{
	height:9px; 
	background: url(/skins/raptor/images/header_border_top.gif);
	font-size: 1px; 
	overflow:hidden;
}
.headerBG
{
	height:96px; 
	margin: 0 3px 0 43px; 
	background: url(/skins/raptor/images/header_bg.jpg); 
	text-align: right;
}
.headerRightBorder
{
	background:url(/skins/raptor/images/header_border_right.gif); 
	background-repeat:no-repeat; 
	background-position: right; 
	height: 96px;
}
.headerBottomBorder
{
	height:5px; 
	margin: 0 4px 0 3px; 
	background: url(/skins/raptor/images/header_border_bottom.gif);
	font-size: 1px; 
	overflow:hidden;
}
/* -------------------------------------------------------------------------------------
/* Styles Pertaining to everything else (Unsorted)
/* -------------------------------------------------------------------------------------
*/
.rating {
	font-size: 12px; 
	font-weight: bold; 
	padding-bottom: 1px;
	width: 85px;
}

.srating {
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	font-style: italic; 
	font-size: 36px; 
	padding-right: 5px;
	width: 95px;
}
.infolink {
	padding: 1px 10px 1px 10px; 
	margin:2px 0 0 3px;
	border:1px; 
	border-color:#666666; 
	background-color:#CCCCCC
}

a:link { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #555; }

#main {
	width: 100%;
	border: 0px;
}

#leftbar {
	position: absolute;
	left: 0px;
	width: 158px;
	top: 105px;
	bottom: 0px;
	background-repeat: repeat-y;
}

#menu {
	width: 157px;
	height: 600px;
	text-align: center;
}

#rightbar {
	position: absolute;
	right: 0px;
	bottom: 0px;
	top: 105px;
	width: 121px;
	padding: 5px 5px 0px 9px;
}

#pageheader,#pageheader2 {
	background-image: url(/skins/default/images/layout/header_top_bg.jpg);
	padding: 0px;
	height: 34px;
}

#pageheader2 {
	margin-right: 6px;
}

#pageheaderContent {

	font-size: 21px;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	
	vertical-align: bottom;
	height: 29px;
	padding: 4px 12px 0 11px; 
	width: 400px; 
	
	background-image: url(/skins/raptor/images/header_left.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#pageheaderContent[class] { height: 34px; }

#pagecontent {
	padding: 5px 3px 3px 3px;
	background-repeat: repeat-y;
	background-position: top left;
}

#pagetable {
	vertical-align: top;
	background-image:url(/skins/raptor/images/main_bg_left.jpg); 
	background-repeat:repeat-y;
	padding: 0px;
	border: 0px;
	margin: 0px;
}
#pagetd {
	vertical-align: top;
	background-image:url(/skins/raptor/images/main_bg_right.jpg); 
	background-position:right; 
	background-repeat:repeat-y;
	padding: 0px;
	border: 0px;
	margin:0px;
}
#pagetd2 {
	vertical-align: top;
	background-image:url(/skins/raptor/images/main_bg_right_noads.jpg); 
	background-position:right; 
	background-repeat:repeat-y;
	padding: 0px;
	border: 0px;
	margin:0px;
}
.newsHeader { font-weight: bold; font-size: 17px; }
.newsDetails { font-weight: bold; font-size: 11px; }
.newsBody { }
.newsPost { margin-bottom: 15px; }

.inputField { float: left; width: 80px; font-weight: bold }
#header {
	margin: 0px 8px 0px 5px;
	height: 14px;
	background-image: url(/skins/default/images/layout/header_bg.gif);
	background-repeat: repeat-x;
	}
#header span {
	font-size: 12px;
	font-weight: bold;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(/skins/raptor/images/content_header_text_bg.jpg);
	padding: 0px 3px 0px 0px;
	}
	
#content {
	display:block;
	padding: 7px 11px 5px 11px;
	}

.thumbView {
	text-align:left;
	width: 153px;
	height: 155px;
	background-image: url(/skins/default/images/layout/thumb_view.jpg);
	background-repeat: no-repeat;
}

.ratingbg {
	text-align:left;
	width: 110px;
	height: 34px;
	position: relative;
	background-repeat: no-repeat; 
	background-position: top left;
	left: 45px;
	top: 0px;
	background-image: url(/skins/default/images/layout/thumb_view_starsbg.gif); 
}

.middleRegion {
	width: 146px;
	height: 89px;
	cursor: pointer;
	position:relative;
	top:0px;
	left: 3px;
}

.thumbName {
	width: 146px;
	height: 34px;
	position: relative;
	left: 3px;
	top: 6px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background-repeat: no-repeat; 
	background-image: url(/skins/default/images/layout/thumb_view_header.gif); 
}

.thumbName2 {
	width: 146px;
	height: 34px;
	position: relative;
	left: 3px;
	top: 6px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(/skins/default/images/layout/thumb_view_header2.gif);  
}

.iefix { padding: 10px 2px 5px 1px; overflow: hidden; width: 120px;  cursor:default;}
.iefix[class] { padding-left: 9px; }
/* -------------------------------------------------------------------------------------
/* RIPPED FROM CTP (Unsorted)
/* -------------------------------------------------------------------------------------
*/
.Poor { color: #999999; }
.Common { color: #FFFFFF; }
.Magic { color: #1EFF00; }
.Rare { color: #0070DD; }
.Epic { color: #A335EE; }
.Legendary { color: #D17C22; }
.Artifact { color: #FF0000; }
.StatText    { color: #FFFFFF; font-size:11px }
.RequiresText { color: #FF0000; font-size:11px }
.SetText    { color: #FFD200; font-size:11px }
.SpellText   { color: #00FF00; font-size:11px }
.InfoText   { color: #FFD200; font-size:11px }
.SetItemUnknown { color: #775555 }
.ProfileStatText { color: #1EFF00; font-size:10px;  line-height:11px;}
.itemtable td { cfont-size:10px; line-height:11px; padding: 1px; }

a.ctCodeProfileLink:link { text-decoration: none; color: #660000; font-weight: bold }
a.ctCodeProfileLink:visited { text-decoration: none; color: #660000; font-weight: bold }
a.ctCodeProfileLink:hover { text-decoration: underline; color: #660000; font-weight: bold }

.ctCodeColor1 { color: #111166 }
.ctCodeColor2 { color: #116611 }
.ctCodeColor3 { color: #F06611 }
.ctCodeColor4 { color: #6691C9 }
.ctCodeColor5 { color: #661111 }

.forumsError { text-align: center; font-size: 15px; font-weight: bold; padding: 15px 0px 10px 0px; }
.forumsForumHeader { font-size: 17px; text-align: left; margin: 0px; padding: 0px; }
.forumsForumTable { border: 0px; width: 100%; }
.forumsForumRow1 { background-color: #BBBCC3; }
.forumsForumRow2 { background-color: #C5C6CB; }
.forumsForumGeneral { padding-left: 5px; }
.forumsForumLink { font-weight: bold; font-size: 13px; }
.forumsForumDescription { font-size: 11px; }
.forumsForumColumn { text-align: center; }
.forumsForumLegend { padding-top: 5px; height: 25px; font-weight: bold; vertical-align: bottom }

.forumsListingTable { width: 100%; padding: 2px 0px 2px 0px; margin: 0px; }
.forumsListingHeaderRow { background-color: #9FA0AA; font-weight: bold }
.forumsListingHeaderTitle { padding-left: 23px; white-space: nowrap; }
.forumsListingHeader { text-align: center; }
.forumsListingTitle { text-align: left }
.forumsListingIconDiv { clear: right; float: left; width: 23px; text-align: center }
.forumsListingIcon { height: 16px; width: 16px; }
.forumsListingRow1 { text-align: center; background-color: #BBBCC3; }
.forumsListingRow2 { text-align: center; background-color: #C5C6CB; }

.forumsTopicRow1 { border-color: #444; border-left: 1px; border-right: 1px; background-color: #BBBCC3 }
.forumsTopicRow2 { border-color: #444; border-left: 1px; border-right: 1px; background-color: #C5C6CB }
.forumsTopicPostedDate { font-size: 11px; font-style: italic; float: right; }
.forumsTopicTitle { font-size: 11px; font-weight: bold; }
.forumsTopicName { font-size: 13px; font-weight: bold; }
.forumsTopicLevel { font-size: 11px; font-style: italic; }
.forumsTopicToolIcon { width: 16px; height: 16px; border: 0px; }

.forumsTopicReplyHeader { font-size: 13px; font-weight: bold; text-align: left; }
.forumsTopicReplyText { width: 55px; float: left; }
.forumsTopicReplyCode { width: 100px; float: left; }
.forumsTopicReplyInput { width: 400px; }
.forumsTopicReplyTextarea { width: 400px; height: 80px; }
.forumsTopicReply {
	width: 465px;
	border: 1px solid #333;
	margin: 15px 5px 10px 5px;
	padding: 5px;
	text-align: left;
	background-color: #C5C6CB;
}

h3 { display: inline }
.forumsTopicCodeHeader { border-bottom: 1px solid #000; }
.forumsTopicCodeRow1 { background-color: #BBBCC3; }
.forumsTopicCodeRow2 { background-color: #C5C6CB; }
.forumsTopicBody {
	margin: 0px 5px 5px 0px;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #666;
	border-left: 1px;
	border-top: 0px;
}
.forumsTopicAvatar { 
	width: 110px;
	margin: 5px 0px 5px 5px;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #666;
	border-left: 0px;
	border-top: 0px;
}
.forumsTopicTable {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #666;
	border-bottom: 0px;
}

#tooltipcontents {
	visibility: hidden;
	position: absolute;
	Z-INDEX: 999999;
	width: 5px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://ctprofiles.net/icons/pix2.png');
}

#dynamicTooltip {
	visibility: hidden;
	position: absolute;
	Z-INDEX: 999999;
}
.hheader {
	display:none;
}
#tooltipText {
	color: #ffffff;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	padding: 4px;
	white-space: normal;
}
.blackPixel {
	width: 1px; height: 1px;
	background-color: #000000;
}
.trans_div {

/* This is an IE filter command. Other browsers will ignore it */
/* It goes into the trans_div class */

}

/* Square bracketed class styles are usable non-IE type browsers */
/* This is a seperate css entry, not part of the original trans_div class */

.trans_div[class] {
background-image:url(http://ctprofiles.net/icons/pix2.png);
}

.cursorPointer { cursor: hand; cursor: pointer; }
.cursorDefault { cursor: default; }