/***

Stylesheet: Global CSS for Barry Code
Version: 4.0
Last Edited: 3/3/09

(c) 2009

Color Glossary

	# Dark Purple/Gray (h3): #1c111d
	# Yellow Highlight: #FC0
	# Light Blue: #d7e7ee // Table Borders
	
Shorthand Reference
	
	background: color image repeat attachment position;
	font: italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

ToC

	1 - Global Styles – (body, paragraphs, lists, etc)
    2 - Navigation
    3 - Left Menu
    4 - Headings
    5 - Text Styles
    6 - Table Design
    7 - Page Construction
    8 - Helper Styles
    9 - Extras


***/

/* --------------------------------------------*/
/* -----------/ RESET /------------------------*/
/* --------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }


/* --------------------------------------------*/
/* -----------/ 1 - Global Styles /------------*/
/* --------------------------------------------*/

* { list-style:none; margin:0px; padding:0px; }

body { background:#FFF url("images/bg_test2.jpg") no-repeat top left; font: 12px/17px Arial, Helvetica, sans-serif; color: #1c111d; }

p { margin-bottom: 10px; padding: 0px; font: 12px/17px Arial, Helvetica, sans-serif; text-align: left;}

	p a:link, p a:visited { color: #006699; text-decoration: underline; }
	
	p a:hover, p a:active { color: #006699; text-decoration: none; }
	
#artic { margin-bottom: 10px; padding: 0px; font: 12px/17px Arial, Helvetica, sans-serif; text-align: left; }
#ystat { margin-left: 10px; padding: 0px; font: 12px/17px Arial, Helvetica, sans-serif; text-align: left; }

#stab
{ 
width=100%;
border-bottom-style: solid; 
border-bottom-color: black;
border-width:1px;
}


/* --------------------------------------------*/
/* -----------/ 2 - Navigation /---------------*/
/* --------------------------------------------*/

#menu {width: 205px; float: left;}

#navigation { width: 195px; margin-left: 3px; padding: 0px; text-align: left; }

	#navigation ul { height:22px; padding: 0px; margin: 0px; list-style: none; }
	
	#navigation li { height:22px; margin-bottom: 6px; padding: 0px; }
	
	#navigation a.menu_01 { display:block; width:195px; height:22px; padding: 0px; margin: 0px; background:url("images/menu_01.jpg") no-repeat; }
	#navigation a.menu_01:hover { background-position:0 -22px; }
	
	#navigation a.menu_02 { display:block; width:195px; height:22px; padding: 0px; margin: 0px; background:url("images/menu_02.jpg") no-repeat; }
	#navigation a.menu_02:hover { background-position:0 -22px; }
	
	#navigation a.menu_03 { display:block; width:195px; height:22px; padding: 0px; margin: 0px; background:url("images/menu_03.jpg") no-repeat; }
	#navigation a.menu_03:hover { background-position:0 -22px; }
	
	#navigation a.menu_04 { display:block; width:195px; height:22px; padding: 0px; margin: 0px; background:url("images/menu_04.jpg") no-repeat; }
	#navigation a.menu_04:hover { background-position:0 -22px; }
	
	#navigation a.menu_05 { display:block; width:195px; height:22px; padding: 0px; margin: 0px; background:url("images/menu_05.jpg") no-repeat; }
	#navigation a.menu_05:hover { background-position:0 -22px; }
	
	#navigation a.menu_06 { display:block; width:195px; height:22px; padding: 0px; margin: 0px; background:url("images/menu_06.jpg") no-repeat; }
	#navigation a.menu_06:hover { background-position:0 -22px; }
	
	#navigation a.menu_07 { display:block; width:195px; height:22px; padding: 0px; margin: 0px; background:url("images/menu_07.jpg") no-repeat; }
	#navigation a.menu_07:hover { background-position:0 -22px; }
	
	#navigation a.menu_08 { display:block; width:195px; height:22px; padding: 0px; margin: 0px; background:url("images/menu_08.jpg") no-repeat; }
	#navigation a.menu_08:hover { background-position:0 -22px; }
	
	#navigation a.menu_09 { display:block; width:195px; height:22px; padding: 0px; margin: 0px; background:url("images/menu_09.jpg") no-repeat; }
	#navigation a.menu_09:hover { background-position:0 -22px; }
	
	#navigation a.menu_10 { display:block; width:195px; height:22px; padding: 0px; margin: 0px; background:url("images/menu_10.jpg") no-repeat; }
	#navigation a.menu_10:hover { background-position:0 -22px; }
	
#logolink {	width: 200px; height: 100px; }


/* --------------------------------------------*/
/* -----------/ 3 - Left Menu /----------------*/
/* --------------------------------------------*/

#search_panel { width: 205px; margin: 3px 0 0 5px; padding: 0px; text-align: left;}

select { width: 96px; height: 18px; border: 1px solid #a4d7ed; float: left; margin: 0px 2px 2px 0px; padding: 0px; font: 11px Arial, Helvetica, sans-serif; }
	
.checkbox{padding: 0px; margin: 0px 0px 0px 0px;}

	.letter { width: 50px; height: 18px; border: 1px solid #a4d7ed; float: left; margin: 0px 5px 5px 0px; padding: 0px; font: 11px Arial, Helvetica, sans-serif; }
	
	.surname { width: 75px; height: 18px; border: 1px solid #a4d7ed; float: left; margin: 0px 0px 5px 0px; padding: 0px; font: 11px Arial, Helvetica, sans-serif; }

submit { border: none; }

input { padding: 0px; margin: 0px; border: none; }

#codell_stats { width: 205px; float: left; display: block; margin: 0 0 5px; }

	.codell_btn { width: 195px; height: 22px; background: url("images/btn_srch_codell_stats.gif") 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; clear: both; padding: 0px; margin: 0 0 5px 0px;}

	.trad_btn { width: 195px; height: 22px; background: url("images/btn_srch_trad_stats.gif") 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; clear: both; padding: 0px; margin: 0px;}
	
	.playername_btn { width: 60px; height: 22px; background: url("images/btn_srch_sml_name.gif") 0 0 no-repeat; display: overflow: hidden; cursor: pointer; padding: 0px; margin: 0px;}
	
	.playerletter_btn { width: 195px; height: 22px; background: url("images/btn_srch_ltr.gif") 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; clear: both; padding: 0px; margin: 0px;}
	
#playername { width: 195px; text-align: center; }

#sform { width: 125px; height: 22px; font: 11px Arial, Helvetica, sans-serif; padding: 3px 0 0 5px; border: 1px solid #a4d7ed; color: #000000; }


/* --------------------------------------------*/
/* -----------/ 4 - Headings /-----------------*/
/* --------------------------------------------*/

h2 { color: #1c111d; font: bold 22px/200% Arial, Helvetica, sans-serif; letter-spacing: -.5px; margin: 0px 0 0px; text-align: left; } 

	h2 a { color: #1c111d; font: bold 22px/200% Arial, Helvetica, sans-serif; letter-spacing: -.5px; text-decoration: none;}
	
	h2 a:hover { color: #1c111d; font: bold 22px/200% Arial, Helvetica, sans-serif; letter-spacing: -.5px; text-decoration: none; }

h3 { color: #1c111d; font: bold 16px/160% Arial, Helvetica, sans-serif; letter-spacing: -.5px; margin: 0px 0 10px; text-align: left; }

	h3 a { color: #1c111d; font: bold 16px/160% Arial, Helvetica, sans-serif; letter-spacing: -.5px; text-decoration: none;}
	
	h3 a:hover { color: #1c111d; font: bold 16px/160% Arial, Helvetica, sans-serif; letter-spacing: -.5px; text-decoration: none; }

h4 { color: #006699; font: bold 16px/160% Arial, Helvetica, sans-serif; letter-spacing: -.5px; margin: 0px 0 10px; text-align: left; }

	h4 a { color: #006699; font: bold 16px/160% Arial, Helvetica, sans-serif; letter-spacing: -.5px; text-decoration: none;}
	
	h4 a:hover { color: #006699; font: bold 16px/160% Arial, Helvetica, sans-serif; letter-spacing: -.5px; text-decoration: none; }


/* --------------------------------------------*/
/* -----------/ 5 - Text Styles /--------------*/
/* --------------------------------------------*/

.player_name { color: #006699; font-weight: bold;  text-decoration: none; }

.player_name a:link, player_name a:visited  { color: #006699; font-weight: bold; text-decoration: underline; }

.player_name a:hover, player_name a:active  { color: #990077; font-weight: bold;  text-decoration: underline; }

.yellow { color: #ffcc00; }


/* --------------------------------------------*/
/* -----------/ 6 - Table Design /-------------*/
/* --------------------------------------------*/

table { font: 12px Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; overflow: scroll;}

th {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FC0;
	border-right: 1px solid #010101;
	border-bottom: 1px solid #010101;
	border-top: 1px solid #010101;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-align: center;
	padding: 4px 3px 4px 3px;
	background: #1c111d url(images/th_test3.jpg) no-repeat;
}

th a:link, th a:visited {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FC0;
	letter-spacing: 0px;
	text-decoration: underline;
	text-transform: uppercase;
}

th a:hover, th a:active {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFF;
	letter-spacing: 0px;
	text-decoration: underline;
	text-transform: uppercase;
}

	.bstat_lrg {
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #FC0;
		letter-spacing: 0px;
		text-transform: uppercase;
		text-align: left;
		padding: 6px 3px 6px 3px;
		background: #1c111d url(images/th_large.jpg) no-repeat;
	}

tr.alt td {
	background: #e1ebec;
	color: #B4AA9D;
}

tr.alt {
	background: #e1ebec;
	color: #B4AA9D;
}

.blocktable { color: #FFFFFF; font-weight: bold; background-color: #1c111d; padding: 0px; margin: 0px;	border: none; }

.blocktable td { color: #FFFFFF; padding: 4px 4px 4px 4px; }

.blocktable a:link, .blocktable a:visited  { color: #FC0; font-weight: bold; text-decoration: underline; }

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

table#orig { color: #1c111d; margin: 0px 0 10px; text-align: center; border: none;  }

	th#orig { text-decoration: underline; }
	
	td#orig { }
	
table#maxlead { color: #1c111d; margin: 0px 0 10px; text-align: center; background-color: #ffffff;  }
	
td#maxlead
{
text-align: left;
padding: 3px;
}
	
	th#maxlead {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FC0;
	border: none;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 3px 6px 3px;
	background: #1c111d;
	}
	
	th#maxlead a:link, th#maxlead a:visited {
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #1c111d;
		letter-spacing: 0px;
		text-decoration: underline;
		text-transform: uppercase;
	}
	
	th#maxlead a:hover, th#maxlead a:active {
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #1c111d;
		letter-spacing: 0px;
		text-decoration: none;
		text-transform: uppercase;
	}

table#gloss { color: #1c111d; text-align: center; width: 700px; }

	th#gloss { text-decoration: underline; }

	td#gloss {  }
	
.end_brdr { border-right: 1px solid #d7e7ee; }

.total { background-color: #f5f5f5; }



#bstat0 table { padding: 0; margin: 0;  }

	#bstat0 a:link, #bstat0 a:visited { color: #006699; text-decoration: underline; }
	
	#bstat0 a:hover, #bstat0 a:active { color: #006699; text-decoration: none; }
	
	#bstat0 td {
		border-right: 0px solid #d7e7ee;
		border-bottom: 0px solid #d7e7ee;
		background: none;
		padding: 4px 3px 4px 0px;
		color: #1c111d;
	}
	
	#bstat0  th { }

#bstat table { padding: 0; margin: 0; background-color: #FFFFFF; }

	#bstat td {
		border-right: 1px solid #d7e7ee;
		border-bottom: 1px solid #d7e7ee;
		background: none;
		padding: 4px 2px 4px 3px;
		color: #1c111d;
	}
	
	#bstat  th {
		text-align: left;
	}

#bstat2 table { padding: 0; margin: 0; background-color: #FFFFFF; }

	#bstat2 td {
		border-left: 1px solid #d7e7ee;
		border-bottom: 1px solid #d7e7ee;
		background: none;
		padding: 3px 2px 3px 2px;
		color: #1c111d;
                text-align: left;
	}
	
	#bstat2 th {
		text-align: left;
	}
	
#bstat3 table { padding: 0; margin: 0; background-color: #FFFFFF;  }

	#bstat3 a:link, #bstat3 a:visited { color: #006699; text-decoration: underline; }
	
	#bstat3 a:hover, #bstat3 a:active { color: #006699; text-decoration: none; }

	#bstat3 td {
		border-right: 1px solid #d7e7ee;
		border-bottom: 1px solid #d7e7ee;
		background: none;
		padding: 3px 2px 3px 2px;
		color: #1c111d;
	}
	
	#bstat3 th {
		text-align: left;
	}
	
#bstat4 table { padding: 0; margin: 0; background-color: #FFFFFF; text-align: center;  }

	#bstat4 td {
		border-right: 1px solid #d7e7ee;
		border-bottom: 1px solid #d7e7ee;
		background: none;
		padding: 4px 2px 4px 3px;
		color: #1c111d;
		text-align: center;
	}
	
	#bstat4 th {
		text-align: left;
	}

#bstat5 table { padding: 0; margin: 0; float: left; text-align: center; border-left: 1px solid #d7e7ee; background-color: #FFFFFF; }

	#bstat5 td {
		background: none;
		padding: 4px 2px 4px 3px;
		color: #1c111d;
		text-align: center;
	}
	
td#bstat6 { background: none; background-color: #FFFFFF; }

#bstat_nobrdr td {
		background: none;
		padding: 4px 2px 4px 3px;
		text-align: center;
	}


/* --------------------------------------------*/
/* -----------/ 7 - Page Construction /--------*/
/* --------------------------------------------*/

.top_indent {
height: 10px;
}

.top_indent_imghead {height: 10px;}

blockquote { color: #FFFFFF; background-color: #1c111d; padding: 10px 0px 10px 10px; margin: 10px 0 15px 0;	 }

blockquote p { padding-bottom: 10px; margin: 0px; font-weight: bold; font-style: italic; line-height: 17px; }

blockquote p strong { color: #FC0; }

.input_custom { width: 300px; height: 22px; font: 11px Arial, Helvetica, sans-serif; padding: 3px 0 0 5px; border: 1px solid #a4d7ed; color: #000000; }

.input_custom_textarea { width: 300px; height: 70px; font: 11px Arial, Helvetica, sans-serif; padding: 3px 0 0 5px; border: 1px solid #a4d7ed; color: #000000; }

.btn_contact { width: 195px; height: 22px; background: url("images/btn_contact.gif") 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; clear: both; padding: 0px; margin: 0 0 5px 0px;}


/* --------------------------------------------*/
/* -----------/ 8 - Helper Styles /------------*/
/* --------------------------------------------*/


/* --------------------------------------------*/
/* -----------/ 9 - Extras /-------------------*/
/* --------------------------------------------*/
div#nav{width: 100%;text-align: center;padding: 0;font-size: 1em;font-weight: bold;color: #fff;height: 1.5em;vertical-align:text-bottom;border-bottom: 3px solid #000000;5}div#nav ul{margin:0;padding:0;
}div#nav li{float: left;list-style: none;margin: 0;margin-right: 1px;padding: 0 0 0 3px;white-space:  nowrap;line-height: 1.5em;background: #FFFFFF url(images/tab_off.gif) 0 0 no-repeat;color: #fff;width: auto;}div#nav li a{display: block;padding: 0.1em 3px 0.1em 0;text-decoration: none;color: black;background: #FFFFFF url(images/tab_off.gif) no-repeat 100% 0;}div#nav li.selected{background: #000000 url(images/tab_on.gif) 0 0 no-repeat;
}

#sample
{
list-style-image:url("/images/baseball.gif");
list-style-type: square;
padding: 3px;
margin: 0.5em;
list-style-position:inside;
}

#drug
{
list-style-image:url("/images/needle.jpg");
list-style-type: square;
padding: 3px;
margin: 0.5em;
list-style-position:inside;
}

div#nav li.selected a{color: #FC0;background: #000000 url(images/tab_on.gif) 100% 0 no-repeat; font-weight: bold;}

#print_stats { position: absolute; top: 70px; left: 850px; width: 85px; height: 21px; }