/* Classes used to design the left hand search/navigation bar */

/* a single search panel */
.SB_Panel
{
	position:relative;
	/*
	min-width:150px;
	max-width:385px;
	*/
	width: 260px;
	color: #ffcc66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}

.SB_buttonTab
{
	position:absolute;
	right:-18px;
	top:0px;
}
	
/* --- Search Box Header --- */	
	/* the header of a search panel */
	.SB_Header
	{
		position: relative;
		
		background-image: url(../imgs/searchpanel/SB_bg_top_mid.gif);
		background-repeat: repeat-y;
		background-position: left top;
		
	/*	overflow: hidden;*/
	/*	padding-right: 16px; padding-left: 16px;*/
		padding-top: 10px; padding-bottom: 6px;
		
		font-weight: bold;
		font-size: 11px;
		color: #ffcc33;		
	}
	/* the max/min arrow in the header */
	.SB_Header_Arrow
	{
		background-image: url(../imgs/searchpanel/SBarrow_down.gif);
		width:17px;		
		height:17px;
		line-height: 17px;
		position: absolute;
		top: 9px;
		right: 12px;
		background-position: 0px 0px;
		cursor: pointer;
	}
	span.SB_Header_Arrow:hover, span.SB_Header_Arrow.hover
	{
		background-position: 17px 0px;
	}
	/* the title text of a search box*/
	.SB_Header_Title { 
		padding-left: 16px;
	}

/* \\Search Box Header */	

/* --- table containing basic search criteria --- */	
	/* the table that holds search fields and their labels */
	.SB_FieldTable
	{
		color: #ffcc66;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	/* the table cell for search fields (eg textbox/dropdown) */
	.SB_Field 
	{
		padding-left:15px;
		padding-top:3px;
		padding-bottom:3px;
		text-align:left;
	}
	/* the table cell for search criteria labels */
	.SB_Label 
	{
		text-align:right;
	}
/* \\ search criteria table*/


.SB_Contents
{
	position: relative;
	
	background-image: url(../imgs/searchpanel/SB_bg_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
	
	padding-right: 16px; padding-left: 16px;
	line-height:1.2;
}
.SB_Contents_Body
{
	padding-top:5px;
}

.SB_Footer
{
/*	background-image: url(../imgs/searchpanel/SB_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;*/
	font-size:1px;
	line-height:0;
	height: 12px;
}

.SB_list
{
	margin-left:-9px;
	margin-right:-8px;
	margin-top: 8px;
	border-bottom: 1px solid #35302F;
}

.SB_typeMinusButton {
/*	background-image: url(../imgs/searchpanel/minus_button.gif);*/
	width:15px;
	/*vertical-align: middle; */
	cursor:pointer;
/*	position:absolute;*/
/*	right:80px;	*/
	margin-top:3px;
	float: right;
}
.SB_typeTitle
{	
	padding-left: 10px;
	padding-right: 10px;	
	
	background-color: #231E1D;
	border-top: 1px solid #35302F;
	height: 19px;
	line-height: 19px;
	
	font-size:11px;
	
	color:#FFCC66;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

.SB_typeDetails
{
	border-top: 1px solid #111010;
	padding-left: 40px; padding-right: 10px;
	padding-top: 0px; padding-bottom: 5px;
}

.SB_typeDetailsStats
{
	display:table;
	margin-top: 5px;
}
.SB_typeDetailsStatFields {
	display: table-cell;
	padding-left: 10px;
}
.SB_typeDetailsStatLabel {
	display: table-cell; 
	text-align: right;	
}
.SB_checklist {
	padding-top:5px;
}

.SB_checklist UL
{
	background:#2B2524 none repeat scroll 0%;
	border-top:1px solid #4D4544;
/*	max-height:160px; /* =16x10 */
	
	padding:0px;
/*	margin-top: 0px; 
	margin-bottom: 0px;*/
	margin:0px;

	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	overflow:auto;
}
.SB_checklist label 
{
	border-bottom:1px solid #4D4544;
	height: 15px;
	display:block;
	padding-left:5px;
}
.SB_checklist label:hover, .SB_checklist label.hover {
	background:#3F3736 none repeat scroll 0%;
}

.SB_checklist input 
{
	vertical-align:middle;
	margin:0px;
	margin-right: 5px;
}
DIV.SB_checklist_title
{
	background-color:#241F1E;
	border:1px solid #4D4544;
	margin-bottom: -1px;
	margin-top: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width:100px;
	cursor:pointer;
}
DIV.SB_checklist_title:hover, DIV.SB_checklist_title.hover
{
	background-color:#3F3736;
}
.SB_tinyTxt
{
	font-size: 9px;
}

.SB_smallTxt
{
	font-size: 10px;
}
.searchListSelect
{
	width:75%;
}


#itemList {
	position: relative;
	margin-left: 35px;
	margin-top: 6px;
	width: 640px;
	text-align: left;
}
#itemList_TypeMenu {
	width:36px;
	left:-36px;
	top:-8px;
	background-color: #2b2524;
	margin-top: 45px;
	position: absolute;
}
#itemList_TypeMenu A {
	text-decoration: none;
	position:relative;
}

#itemListBG
{
	background-color:#111010;
	padding: 0px 4px;
}

#itemList_Header {
	position:absolute;
	top:-45px;
	left: -6px;
}
#itemList_HeaderText {
	position:absolute;
	height:24px;
	padding-left: 5px;
	padding-right:5px;
	padding-top: 5px;
	top:3px;
	left:48px;
	background-image: url(../imgs/typeMenu/typeHeader_mid.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #ffcc33;
}
.typeMenu_Type {
	height:31px;
	position:relative;
	width:32px;	
	border: 0px;
}
.typeMenu_Type IMG {
	border: 0px;
}
.typeMenu_Count {
	bottom:2px;
	position:absolute;
	right:0px;
	font-size: 9px;
	color: #ffffcc;
}

.warning_itemlist, .warning_guide {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background-color:#111010;
	border:1px solid #5F5C59;
	color:#FFCC66;	
	font-size:10px;

	margin-top:0px;
	
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	
	position:relative;
	text-align:center;
	width: 400px;
	margin-left:130px;
	margin-bottom:5px;
}
.news_date {
	color:#FFCC33;
	vertical-align:top;
	padding-right:5px;
	padding-left:15px;
}
.news_msg {
	color:#FFCC66;
	vertical-align:top;
	
	padding-right:15px;
}
.news_highlight {
	color:#FFFFCC;
}
.news_frame_itemlist, .news_frame_guide {
	font-size:10px;

	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background-color:#1D1918;
	border:1px solid #5F5C59;
	
	margin-left: auto;
	margin-right: auto;

	position: relative;
	z-index: 99;
}
.news_frame_guide { margin-bottom:3px; }

/* ----  Absolute Positioning styles ---- */
.tl, .bl, .br, .tr { position:absolute; }
.tl, .bl { left:0px; }
.tr, .br { right:0px; }
.tr, .tl { top:0px; }
.br, .bl { bottom:0px; }

/* ---- form element styles ---- */
select
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	color: #000000;
	vertical-align:middle;
}
html > body select
{
	color: #FF9900;
	background-color: #333333;
	border-color: #333333;
}

input 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
}

input.large_text_box
{	
	font-size: 12px;
	
	height:24px;
	width:129px;	
	
	
	padding-bottom:5px;
	padding-left:6px;
	padding-top:5px;
	padding-right: 6px;
	border: 0px;
	background:transparent no-repeat;
	background-color: transparent ! important;
		
	background-image: url(../imgs/forms/textbox_large.png);
	
	_background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='./imgs/forms/textbox_large.png');
}

input.small_text_box
{
	font-size: 11px;
	text-align:center;
			
	width:31px;
	height:18px;
	
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	border: 0px;
	
	background:transparent no-repeat;
	background-color: transparent ! important;
	background-image: url(../imgs/forms/textbox_small.png);
	
	_background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='./imgs/forms/textbox_small.png');
}

