/* 
contact error yellow: #ffffcf
*/

*, html, body { margin:0; padding:0; border:0; }
body 		  { font:14px tahoma, "trebuchet ms", arial, sans-serif; line-height:154%; background:#000; color:#eee; }

h1, h2, h3, h4, h5, h6, a { padding:0; margin:0 }
a 		{ color:#FF6434; text-decoration:none; outline:none; }
a:hover { color:yellow; }
input 	{ border:2px solid #f2f2f2; padding:0; width:150px; margin-right:20px; }
ul 		{ list-style-type:none; padding:0; margin:0; }
ul li.last { border:0; }
h4 		{ font:16px arial, sans-serif; }

/* container */
#containerWrapper 		 { width:100%; }
* html #containerWrapper { width:100%; }

/* header */
#headerWrapper	{ width:100%; background:url(/resources/images/layout/home-head.jpg) 0 10px repeat-x; }
#header			{ width:1000px; margin:0 auto; padding-top:0; background:url(/resources/images/layout/homepage.jpg) 0 10px no-repeat; height:230px; }
#header h2 a	{ width:850px; height:100px; display:block; position:relative; top:50px; left:45px; margin-bottom:130px; /*  border:1px solid red; */ }
.homeLink		{ position:relative; left:-10000px; overflow:hidden; }
#headerBox 		{ float:right; position:relative; top:20px; width:400px; height:80px; }

/* language box */
#languages ul			 { float:right; font-size:10px; }
#languages ul li		 { display:inline; border-right:1px solid #aaa; margin:0; padding:0; }
#languages ul li.last	 { border-right:0; }
#languages ul li a		 { color:#fff; margin:0 4px; padding:2px 4px; }
#languages ul li a:hover { background:#ffffef; color:#f61234; border-bottom:1px dotted #333; }

#languageBox 			{ display:inline; float:left; margin:3px 20px 0 0; font:1em "trebuchet ms"; }

/* search box */
#searchBox 			{ float:right; position:relative; top:-10px; border:0; width:270px; }
#searchBox input 	{ margin:0; padding:0 2px; font-size:20px; background:none; border:0; border-bottom:1px dotted #fff; color:#eee; height:24px;  }

/* header mini */
#headerWrapperMini	{ width:100%; background:url(/resources/images/layout/head-small-back.jpg) 0 20px repeat-x; }
#headerMini			{ width:1000px; margin:0 auto; padding-top:0; background:url(/resources/images/layout/head-small.jpg) 0 20px no-repeat; }
#headerMini h2 a	{ width:780px; height:90px; display:block; position:relative; top:40px; left:40px; margin-bottom:100px; /* border:1px solid red; */ }

/* content */
#contentWrapper { width:100%; padding:20px 0; margin:10px 0 40px 0; }
#content 		{ width:1000px; margin:10px auto 0 auto; text-align:left; overflow:hidden; text-align:justify; font:12px arial, sans-serif; }
#content h1		{ text-transform:uppercase; font:24px "trebuchet ms", georgia, arial, sans-serif; margin-bottom:10px; }
#content h2 	{ text-transform:uppercase; font:20px "trebuchet ms", georgia, arial, sans-serif; margin:0; padding:0; }
#content p		{  }

#imgCaption 	{ display:none; border:2px solid #555; position:relative; opacity:0.7; background:#333; color:#fff; bottom:76px; height:50px; margin-bottom:-74px; width:616px; padding:10px; }

.halfBox 	{ width:47%; margin:1%; padding:0.5%; float:left; font-size:14px; }
.thirdBox 	{ width:31%; margin:0.5%; padding:0.5%; float:left; }
.quarterBox { width:21.5%; margin:0; padding:1.5%; float:left; }
.threeQuarterBox { width:74%; margin:0; padding:1.5% 0; float:left; }

#newsBox	{ background:url(/resources/images/layout/news.jpg) no-repeat 5px -7px; }
#toursBox	{ background:url(/resources/images/layout/tournaments.jpg) no-repeat 5px -7px; }
#feedsBox	{ background:url(/resources/images/layout/feeds.jpg) no-repeat 5px -7px; }

.quarterBox h2			{ text-transform:uppercase; margin:0; padding:0; font-size:22px !important; }
.quarterBox h2 a		{ color:white; font:22px "trebuchet ms", georgia, arial, sans-serif; }
.quarterBox ul 			{ margin-top:20px; color:#e3e3e3; }
.quarterBox ul li 		{ border-bottom:1px solid #555; margin-bottom:15px; }
.quarterBox ul li.last 	{ border-bottom:0; margin-bottom:10px; }
.quarterBox h4 			{ font-size:12px; text-align:left; border-bottom:1px solid #525252; text-transform:uppercase; color:#333; }
.quarterBox h4 span		{ color:#999; background:#222; padding:0 2px; }
.fetchFrom  			{ margin-bottom:10px; color:#fff; border-bottom:1px dotted #666; }

#bannersBox			{ }
#bannersBox .ad 	{ margin:0 0 10px 0; }
#bannersBox .ad img { border:1px solid #555; }

#feedsBox img		{ margin:0 10px 4px 0; cursor:pointer; float:left; }
#feedsBox h4 		{ border-bottom:0; margin-bottom:4px; }

.newsflash		 { text-align:left; }
.newsflash h3 	 { font:normal 14px "trebuchet ms", arail, sans-serif; }
.newsflash ul li { padding-bottom:3px; border-bottom:1px solid #333; }
.newsflash .date { margin-right:6px;}

#subContent { }

/* footer */
#footerWrapper  	{ width:100%; background:#1c1c1c; padding:6px 0; border-top:1px solid #666; border-bottom:1px solid #666; }
#footer 			{ width:1000px; margin:3px auto 20px auto; overflow:hidden; font:12px arial, sans-serif; }
#footer .box		{ width:38%; margin-right:1%; border-right:1px solid #333; float:left; padding:0 0.5%; }
#footer .box.last	{ border-right:0; width:12%; }
#footer ul li		{ }

#footer .first h3 	 { font-size:16px; border-bottom:1px solid #525252; color:#999; }
#footer .first ul li { font-size:14px; border-bottom:1px dotted #666; color:#ccc; }

#footer #info 			{ color:#666; }

#sitemap ul 			{ text-align:center; margin-bottom:10px; text-transform:lowercase; }
#sitemap ul li 			{ display:inline; border-right:1px solid #666; padding:0 7px 0 5px; }
#sitemap ul li.last 	{ border-right:0; }
#sitemap ul li a 		{ color:#999; border-bottom:1px dotted #000; }
#sitemap ul li a:hover 	{ color:#fff; border-bottom:1px dotted #fff; }

#footer h4 				{ margin:0 0 5px 5px; font:2em "trebuchet ms", arial; color:#666; }
ul#forumPosts li .boxed { display:block; margin:0 0 4px 24px; }
ul#forumPosts li .title { font:12px "trebuchet ms", arial; border-bottom:1px dotted #777; }
ul#forumPosts li a 		{ color:#777; }
ul#forumPosts li a:hover{ background:#ccc; color:#4F4F4F; }
ul#forumPosts li p 		{ color:#666; }


/* navigation */
#navigation 				{ width:1000px; margin:50px auto 0 auto; position:relative; bottom:0; background:url(/resources/images/layout/navigation.jpg) no-repeat 0 0; height:30px; }
#navigation ul 				{ padding:3px 0 3px 20px; text-transform:uppercase;}		 
#navigation ul li 			{ display:inline; font:18px "trebuchet ms", arial; border-right:1px solid #eee; }		 
#navigation ul li a			{ color:#000; padding:0 10px; }		 
#navigation ul li a:hover	{ color:red; }		 
#navigation ul li.last 		{ border-right:0; padding-right:0; }		 

/* homepage */
#homepageBox 				{ margin:0 0 20px 0; }
#leftBox 	{ width:65%; margin-right:2%; padding-right:2%; float:left; border-right:1px solid #eee; }
#rightBox 	{ width:30%; float:left; }

/* utils */
.left 	{ float:left; }
.right 	{ float:right; }
.clear 	{ clear:both;  }
.clearLeft  	{ clear:left;  }
.clearRight 	{ clear:right; }
.inliner { display:inline; }
.last 	{ border:0; }
.onHover 	{ background:#f3f3f3; }
.hilite		{ background:#fcffcd; border:2px solid #ccc; }
#error, 
#message 	{ width:800px; margin:35px auto 10px auto; padding:12px; text-align:center; font:20px "trebuchet ms", arial, serif; text-transform:uppercase; color:#fff; cursor:pointer; }
#error 	 	{  border:2px solid red; }
#message 	{  border:2px solid green; color:#525252; }
.hidden		{ display:none; }
.block		{ display:block; }

.date 		 { float:left; width:40px; height:44px; margin:0 4px 0 0; border:1px solid #333; }
.day, .month { display:block; text-align:center; color:#666; }
.month 		 { height:14px; font-size:11px; margin-top:2px; text-transform:uppercase; color:#999; }
.day   		 { font-size:24px;  }

.innerDate { border:1px solid #333; padding:0 4px; background:url(/resources/images/layout/imgwrap.png); color:#666; }

.content { width:1000px; margin:0 auto; }

/* search */
#searchResults 			{ min-height:300px; }
* html #searchResults 	{ height:300px; }
#searchResults ul li 	{ margin:10px; padding:2px 0; }
#searchResults ul li a	{ color:#eee; }
#searchResults ul li h1.title 	{ font:18px "trebuchet ms", georgia, serif; }
#searchResults ul li .content 	{ padding:2px 0; border-top:1px solid #333; border-bottom:1px solid #333; color:#ccc;}
#searchResults ul li a:hover	{ color:#A3FF06; }

/* - contact */
#contact 				{ min-height:300px; font-size:20px; color:#fff; }
* html #contact 		{ height:300px; }
#contact h2				{ height:40px; margin-top:20px; font-size:20px; }
#contact form 			{ width:700px; background:#fff; padding:10px; font-size:14px; color:#000; }
#contactLeft, #contactRight { width:48%; float:left; }
#contactLeft  { padding-right:10px; }
#contactRight { border-left:2px solid #eee; padding-left:10px; }

#contactFormMessage 	{ width:300px; border:2px solid #eee; height:360px; font-size:12px; }
#contactFormRecipient	{ border:2px solid #eee; width:305px; }
#contactSubmit			{ border:2px solid #eee; font-size:20px; }
.contact 				{ width:300px; font-size:20px; margin:0 10px; }
.controlRow 			{ border:2px solid #fff; margin-bottom:20px; padding:2px; }
.fieldError				{ border:2px solid #eee; background:#ffffcf; }

/* login box */
#login 		 { margin:10px 30px; }
#login h1 	 { margin:10px 0; padding:0 0 4px 0; border-bottom:1px dotted #eee; }
#login label { width:100px; font-size:20px; float:left; margin-top:10px;}
#login input { width:215px; font-size:20px; float:left; margin:4px 0;}
input#loginSubmit { width:100px; font-size:20px; float:right; margin:10px 0; }

/* lists */
.list ul li 			{ margin:10px; padding:10px 5px; width:45%; float:left; display:block; min-height:150px; border-bottom:1px solid #333; text-align:left; }
* html .list ul li 		{ height:150px; }
.list ul li h2			{ font:20px arial, sans-serif; margin-bottom:4px; }
.list ul li h2 a 		{ color:#ff6434; margin-left:2px; }
.list ul li h2 a:hover 	{ color:#A3FF06; border-bottom:1px dotted #a3ff06; }
.list ul li .thumb 		{ float:left; margin:2px 10px 2px 0; }
.list ul li .thumb img 	{ padding:4px; border:1px solid #000; background:#999; }
.list ul li .excerpt	{ margin-top:4px; }


/* videos */
#videoContainer { text-align:center; background:#000; }
#videoObject 	{ width:425px; height:350px; }

/* tooltip */
#tooltip	{ position:absolute; border-bottom:2px solid #A5D6FF; background:#333; padding:2px 10px; color:#eee; display:none; font:12px arial, sans-serif; width:auto; }	

/* article */
#article img { margin-left:30px; border:2px solid #333; }

.page h2 				{ margin-bottom:20px; }
.page h4.back 			{ margin-top:20px; }
.page h4.back a			{ color:#fff; }
.page h4.back a:hover	{ color:#999; }
.page p					{ padding:5px 0; }

#page		{ margin:20px 0; }
#page h2	{ font:20px "trebuchet ms", arial, sans-serif; margin-bottom:10px; }
#page p		{ padding:5px 0; }
#pageImage 	{ float:right; display:block; margin:0 0 10px 10px; }
#pageImage img { border:2px solid #999; padding:4px; }


#stats { text-align:center; font-size:12px; color:#999; font:0.8em verdana; }

/* thumbs and images */
.imageWrapper 			{ float:left; display:block; margin-right:5px; padding:4px; }
.imageWrapper img 		{ padding:0; border:1px solid #333; padding:5px; background:url(/resources/images/layout/imgwrap.png); }
.imageWrapper img:hover { border:1px solid #666; background:#222; }

#thumbs ul li { float:left; display:block; padding:0; border:1px dotted #333; margin:0 4px 4px 0; }
#thumbs ul li a img { margin:5px; padding:4px; border:2px solid #666; background:#eeefff; }
#thumbs ul li a:hover img { border:2px solid #bebebe; background:#ffffef; }

/* players */
#players h3  		{ border-bottom:1px dotted #666; display:inline; position:relative; top:2px; }
#players h3 a 		{ font:normal 110% arial, sans-serif; text-transform:uppercase; }
#players h3 a:hover { color:#A5D6FF; }
#players ul li 		{ margin-bottom:15px; }
#players .excerpt 	{ margin-top:8px;}
/* player */
#player .results		 	{ clear: left; font:1.2em arial, sans-serif; width:450px; }
#player .results .entity 	{ float: left; border-bottom:1px solid #222; width:200px; background:#333; padding:2px; }
#player .results .value 	{ float: left; border-bottom:1px solid #444; width:50px; text-align:right; background:#252525; padding:2px; color:#fea; }


/* articles */

/* SHBL Rankings */
table#SHBLRankings 			{ border-collapse:collapse; width:99%; text-align:left; }
table#SHBLRankings tr.incomplete td	 { color:#999; }
table#SHBLRankings tr th 	{ padding:4px; border:1px solid #666; border-bottom:2px solid #444; color:#ffccee; font-weight:normal; text-align:center; }
table#SHBLRankings tr td 	{ padding:4px; border:1px solid #666; }

/* pagination */
.backto, .pagination	  { font-size:20px; border:1px solid #333; border-width:1px 0; background:#222; padding:0 0 0 10px; }
.backto a, .pagination a  { color:#665; }
.backto a:hover		 { color:#995; }
.pagination .current { border:1px solid #999; background:#A5D6FF; color:#000; padding:2px 6px 4px 6px; }
.pagination a		 { color:#fff; padding:2px 6px 4px 6px; border:1px solid #222; border-width:0 1px; }
.pagination a:hover	 { background:#c92620; color:#fff; border:1px solid #fff; padding:2px 6px 1px 6px; }


#sofa { position:relative; top:40px; }

/* files */
#files 				{ margin:20px 0; color:#665; border:1px solid #333; border-width:1px 0; }
#files h3 			{ text-transform:uppercase; margin:0 0 5px 0; padding:5px; border-bottom:1px solid #333; }
#files ul li  		{ border-bottom:1px solid #222; margin-bottom:5px; }
#files ul li.last 	{ border-bottom:0; }
#files ul li img  	{ float:left; }

abbr.notAvailable 	{ font:normal 90% courier, sans-serif; color:#777; border-bottom:1px dotted #777; cursor:help; }

#gameWrapper		{ border:3px solid #A5D6FF; padding:10px;  background:url(/resources/images/layout/imgwrap.png); }
#gameWrapper object { width:700px; margin:0 auto; }

/* results table */
#results table { width:100%; font-size:14px; text-align:left; }
#results table tr th 				{ vertical-align:top; font:normal 16px arial, sans-serif; }
#results table tr.orders th 		{ border-bottom:2px solid #666;  padding:0; vertical-align:middle; }
#results table tr td 				{ padding:4px; border-bottom:1px solid #333; }
#results table tr.notQualified td	{ color:#aaa; }
.resultsNote 	{ margin-top:40px; font-size:14px; line-height:20px; padding-right:20px; }
.resultsNote h3 { font:20px 'trebuchet ms', arail, sans-serif; margin-bottom:5px;  }
.resultsNote ol { margin-left:20px; }

/* random images */
ul#randomImages li 		{ float:left; margin:4px; }
ul#randomImages li img 	{ float:left; border:2px solid #666; width:90px; }

