/* 
	Theme Name: UPJ09
	Theme Date: 09012009
	Theme URL: http://stylewp.com/products/newspaper-magazine-themes/wpsn.html
	Description: Premium Wordpress theme brought to you by <a href="http://www.zonehockey.com" target="_blank" title="Premium Wordpress Themes">Zone Hockey</a>.
	Author: Zone Hockey
	Author URI: http://www.zonehockey.com
	Version: 1.0
*/

/* ================================================================ 
     THEME SETUP
=================================================================== */

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: url(images/bg.jpg) no-repeat top center #0d0c31;
	color: #0d0c31;
	font-size: 13px;
	margin: 0 auto;
	padding: 0;
	}
	
img {
	border: 0;
behavior: url(iepngfix.htc);
	}
	
hr {border: none 0; border-top: 1px solid #666; height: 1px; line-height:normal;}
	
#wrap {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	}
	
#controlBar {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 30px;
	font-size: 10px;
	color: #626262;
	text-align: right;
	line-height: 30px;
	vertical-align: middle;
	text-transform: uppercase;
	}
	
#searchBar {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 90px;
	}
	
#titleBar {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 100px;
	}

#navBar {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 30px;
	}
	
#content {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	}
	
#footer {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	}

.colone {
	margin-left: 10px;
	width: 644px;
	float: left;
display: inline;
	}

.coloneint {
	margin-left: 10px;
        display: inline;
	width: 624px;
	float: left;
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	}

.artimg {
	background: #eee;
	border: 1px solid #666;
	padding: 10px;
	padding-top: 5px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
width:310px;
display: inline;
	}

.artimg img {
	border: 1px solid #ffcb02;
	}

.sidebar {
	margin-right: 10px;
	width: 276px;
	float: right;
display: inline;
	}
	
.fcsBox {
	border: 1px solid #ffcb02;
overflow:hidden;
	}
	
.contentBox {
	border: 1px solid #ffcb02;
	background: url(images/content-box-bg.gif) no-repeat bottom right #c0c0c0;
	}
	
.gameBox {
	border: 1px solid #ffcb02;
	background: url(images/content-box-bg.gif) no-repeat bottom right #c0c0c0;
	color: #fff;
	text-align: center;
	padding: 0;
	margin: 0;
	}
	
.fcsNav {
	background: url(images/fcs-nav-bg.gif) repeat-x #ffcb02;
	height: 39px;
	width: 100%;
	}
	
.pagetitle {
	margin: 0;
	margin-top: 10px;
	padding: 15px;
	background: url(images/title-bg.jpg) no-repeat right center #0e0c31;
	border: 1px solid #ffcb02;
	}
	
.pagetitle h2 {
	padding: 0;
	margin: 0;
	color: #fff;
	font-style: italic;
	font-size: 24px;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
	
/* ================================================================ 
     LINK SETTINGS
=================================================================== */

a, a:visited, a:active {
	color: #0d0c31;
	text-decoration: underline;
	outline: none;
	}
	
a:hover {
	color: #ffcb02;
	text-decoration: underline;
	}

#footer a {
	color: #fff;
	text-decoration: underline;
	outline: none;
	}
	
#footer a:hover {
	color: #ffcb02;
	text-decoration: underline;
	}
	
#controlBar a, #controlBar a:visited, #controlBar a:active {
	color: #626262;
	}
	
#controlBar a:hover {
	color: #ccc;
	text-decoration: underline;
	}
	
a#zhconro {
	background:url(images/zh-cb-ro.gif) no-repeat top center ;
	height: 30px;
	width:280px;
	display:block;
	float: left;
	}
	
a#zhconro span {
	display:none;
	}
	
a#zhconro:hover {
	background-position: bottom center;
	}
	
.newarchive {
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	margin: 0;
	background: #aaa;
	}

.newarchive a {
	text-decoration: underline;
	color: #0d0c31;
	}

.newarchive a:hover {
	color: #ffcb02;
	}
	
/* ================================================================ 
     FCS Styles
=================================================================== */

.fcsmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
.fcsmenu li {
	padding: 0;
	margin: 0;
	height: 39px;
	margin-right: 1em;
	list-style: none;
	background-repeat: no-repeat;
}
.fcsmenu li a, .fcsmenu li a:visited {
	display: block;
	text-decoration: none;
	height: 39px;
	list-style: none;
	background-repeat: no-repeat;
}
.fcsone {background: url(images/1.gif) top center no-repeat; width: 34px;}
.fcsone a {background: url(images/1.gif) top center no-repeat;}
.fcstwo {background: url(images/2.gif) top center no-repeat; width: 34px;}
.fcstwo a {background: url(images/2.gif) top center no-repeat;}
.fcsthree {background: url(images/3.gif) top center no-repeat; width: 34px;}
.fcsthree a {background: url(images/3.gif) top center no-repeat;}
.fcsfour {background: url(images/4.gif) top center no-repeat; width: 34px;}
.fcsfour a {background: url(images/4.gif) top center no-repeat;}
ul.fcsmenu li a:hover {background-position: bottom center;}
.fcsmenu li {float: left;}
.fcsmenu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* ================================================================ 
     Game Box Menu Styles
=================================================================== */

.tabNavigation {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 274px;
}
.tabNavigation li {
	padding: 0;
	margin: 0;
	height: 30px;
	list-style: none;
	background-repeat: no-repeat;
	float: left;
}
.tabNavigation li a, .tabNavigation li a:visited {
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
	height: 30px;
	list-style: none;
	background-repeat: no-repeat;
	line-height: 30px;
	vertical-align: middle;
}
.nextgame {background: url(images/games-ro.gif) top center no-repeat; width: 137px;}
.nextgame a {background: url(images/games-ro.gif) top center no-repeat;}
.prevgame {background: url(images/games-ro.gif) top center no-repeat; width: 137px;}
.prevgame a {background: url(images/games-ro.gif) top center no-repeat;}
ul.tabNavigation li a:hover {background-position: bottom center; color: #000;}
.tabNavigation:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* ================================================================ 
   CSS Dropdown Menu
=================================================================== */

.menu {width:958px; height:29px; position:relative; z-index:100;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:959px; w\idth:958px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0; margin:0; list-style-type:none;}

.menu ul ul {width:100px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:100px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color:#fff; width:100px; height:29px;background: transparent; line-height:28px; vertical-align: middle; font-weight:bold; text-transform: uppercase; border-right: 1px solid #1c1951;text-align: center; margin-left: 0px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}

/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:url(images/menu-bg.gif) repeat-x; height: 29px;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:url(images/menu-bg-over.gif) repeat-x;}

.menu ul ul :hover > a.drop {background:url(images/menu-bg-over.gif) repeat-x;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:url(images/menu-bg.gif) repeat-x;}

/* style the third level hover */

.menu ul ul ul a:hover {background:url(images/menu-bg-over.gif) repeat-x;}


/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; width:100px;}

/* another hack for IE5.5 */

* html .menu ul ul {top:29px;t\op:30px;}

/* position the third level flyout menu */

.menu ul ul ul{left:212px; top:-1px; width:212px;}

/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-212px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:url(images/menu-bg-over.gif) repeat-x; color:#1c1951; height:29px; border-left: 1px solid #1c1951; border-bottom: 1px solid #1c1951; border-right: 1px solid #1c1951; line-height:29px; vertical-align: middle; padding-left: 10px; text-align: left; width:200px; font-weight: bold;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:200px;w\idth:198px;}

/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#fff; background:url(images/menu-bg-over.gif) repeat-x;}

.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:url(images/menu-bg-over.gif) repeat-x;}


/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}

/* =================================================
  FCS Gallery
==================================================*/

#navi {clear:both;margin:0px 0px 0px 0px;padding:0px;color:#fff;overflow:hidden;height:17px;}
#navi ul {margin:0px;padding:0px 16px 2px 30px;text-align:right;background:#808080 url(img/nav.gif) no-repeat left top;float:right;}
#navi li {display:inline;background:#808080;padding:0px;margin:0px 1px;}
#navi a {padding:1px 2px;font-size:10px;font-family:Tahoma, Arial, sans-serif;text-align:center;text-decoration:none;}
#navi a:hover {font-size:10px;font-family:Tahoma, Arial, sans-serif;text-align:center;text-decoration:none;color:#FF9900;border:1px solid #808080;padding:0px 1px;}
#navi a.navi-active {color:#FF9900;border:1px solid #808080;padding:0px 1px;}
#navi ul,#navi li,#navi a{line-height:normal;height:auto;}
#navi a img {display:none;}


#box {width:642px;overflow:hidden;}

#myGallery, #myGallerySet, #flickrGallery {width: 642px;height: 361px;background-color: #1c1951;z-index:5;padding: 0px;overflow:hidden;}

#flickrGallery {width: 500px;height: 334px;}

#myGallery img.thumbnail, #myGallerySet img.thumbnail {display: none;}

.jdGallery { overflow: hidden; position: relative;}

.jdGallery img { border: 0; margin: 0; }

.jdGallery .imageElement { background-color: #FFFFFF; padding: 1px;}


.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 642px;
	margin: 0px;
	padding: 0px;
    bottom: 0;
	height: 99px;
	background: #000;
	border-top: 1px solid #ffcb02;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 36px;
	margin: 0;
	margin: 5px 5px;
	font-weight: normal;
	color: #fff;
}

.jdGallery .slideInfoZone h2 a, a:visited
{
	color: #fff;
}

.jdGallery .slideInfoZone h2 a:hover
{
	color: #ffcb02;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 10px;
	margin: 2px 5px;
	color: #fff;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #000;
	color: #fff;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #000;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #ffcb02;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('images/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('images/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('images/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('images/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('images/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('images/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('images/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}

/* =================================================
  Table styles for Roster
==================================================*/

table#sample {
	border-width: 0px 0px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #1c1951;
	border-collapse: separate;
	background-color: white;
}
table#sample th {
	border-width: 1px 1px 0px 0px;
	padding: 5px;
	border-style: solid solid solid solid;
	border-color: #1c1951;
	background: url(images/rost-th-bg.gif) repeat-x transparent bottom;
	vertical-align: middle;
	text-align: left;
}
table#sample td {

	border-width: 1px 1px 0px 0px;
	padding: 5px;
	border-style: solid solid solid solid;
	border-color: #1c1951;
	background-color: white;
	vertical-align: middle;
	text-align: left;
}

table#sample tr {
	background: transparent;
}

table#sample tr.even {
	background: url(images/rost-tr-even.gif) repeat-x transparent bottom #1c1951;
}

table#sample th:hover {
background: url(images/rost-td-score.gif) repeat-x #111 bottom; color:#fff;
}

table#stand {
	border-width: 0px 0px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #1c1951;
	border-collapse: separate;
	background-color: white;
}
table#stand th {
	border-width: 1px 1px 0px 0px;
	padding: 5px;
	border-style: solid solid solid solid;
	border-color: #1c1951;
	background: url(images/rost-th-bg.gif) repeat-x transparent bottom;
	vertical-align: middle;
	text-align: left;
}
table#stand td {

	border-width: 1px 1px 0px 0px;
	padding: 5px;
	border-style: solid solid solid solid;
	border-color: #1c1951;
	background-color: white;
	vertical-align: middle;
	text-align: left;
}

table#stand tr {
	background: url(images/rost-tr-even.gif) repeat-x transparent bottom #000;
}

table#stand tr.even {
	background: url(images/rost-tr-even.gif) repeat-x transparent bottom #000;
}

table#fullmatch {
	border-width: 0px 0px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #1c1951;
	border-collapse: separate;
	background-color: white;
}
table#fullmatch th {
	border-width: 1px 1px 0px 0px;
	padding: 5px;
	border-style: solid solid solid solid;
	border-color: #1c1951;
	background: url(images/rost-th-bg.gif) repeat-x transparent bottom;
	vertical-align: middle;
	text-align: center;
}
table#fullmatch td {

	border-width: 1px 1px 0px 0px;
	padding: 5px;
	border-style: solid solid solid solid;
	border-color: #1c1951;
	background-color: white;
	vertical-align: middle;
}

table#fullmatch tr {
	background: url(images/rost-tr-even.gif) repeat-x transparent bottom #000;
}

table#fullmatch th:hover {
background: url(images/rost-td-score.gif) repeat-x #111 bottom; color:#fff;
}

/* =================================================
  Lists
==================================================*/

#list ul,
ul#list {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
	}

#list li,
li#list {
	list-style: none;
	list-style-type: none;
	padding: 6px;
	margin: 0;
	background-color: #eee;
	color: #000;
	text-decoration: underline:
	width: auto;
}

#list li a,
li#list a {
	margin: 0;
	text-decoration: underline:
	color: #000;
	list-style: none;
	list-style-type: none;
}

#list li a:visited, a:active,
li#list a:visited. a:active {
	margin: 0;
	text-decoration: underline:
	color: #000;
	list-style: none;
	list-style-type: none;
}

#list li a:hover,
ul#list li:hover {
	list-style: none;
	list-style-type: none;
	margin: 0;
	color: #ffcb02;
	text-decoration: underline:
}

#list li.even,
li#list .even {
	list-style: none;
	list-style-type: none;
	padding: 6px;
	margin: 0;
	background-color: #bbb;
	color: #000;
	text-decoration: underline:
}

/* =================================================
  Player Profiles
==================================================*/

.profilediv {
	border: 1px solid #ffcb02;
	}
	
.bio {
	border: 1px solid #ffcb02;
	}

table.profiletab {
	border-width: 4px 4px 4px 4px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #ffcb02;
	border-collapse: separate;
	background-color: white;
	width: 100%;
}
table.profiletab th {
	border-width: 1px 1px 0px 0px;
	padding: 5px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background: url(images/rost-th-bg.gif) repeat-x transparent bottom;
	vertical-align: middle;
	text-align: left;
}
table.profiletab td {
	padding: 10px;
	background-color: #0d0c31;
	vertical-align: top;
	text-align: left;
	text-transform: uppercase;
	color: #777;
	width: 50%;
}
table.profiletab h1 {
	margin: 0;
	padding: 0px;
	font-size: 20px;
	color: #fff;
	}
	
.profilepic {
	float: left;
	margin-right: 10px;
	border: 2px solid #ffcb02;
        height:150px;
        width:100px;
	}
.profilebold {
	font-weight: bold;
	color: #fff;
	}
	
.profilebutton a {
	display: block;
	width: 150px;
	height: 24px;
	line-height: 24px;
	color: #0d0c31;
	text-decoration: none;
	background: #ffcb02;
	text-align: center;
	font-weight: bold;
	float: right;
	}
	
.profilebutton a:hover {
	display: block;
	width: 150px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	text-decoration: none;
	background: #626262;
	text-align: center;
	font-weight: bold;
	}
	
.biotext {
	color: #ccc;
	font-size: 12px;
	text-transform: none;
}
/************************************************************************
 News Archive
************************************************************************/

.postinfo {
	margin-top: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	font-weight: bold;
	color: #444;
	text-transform: uppercase;
	}
	
.postinfo h1 {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #0d0c31;
	font-size: 18px;
	}
	
.postinfo a, a:visited, a:active {
	color: #0d0c31;
	text-decoration: none;
	}
	
.postinfo a:hover {
	color: #ffcb02;
	}
	
/************************************************************************
Fancy Popups
************************************************************************/

.fancyimg {
	float: right;
}

.fancyimg span {
	width: 30px;
	height: 30px;
	display: block;
	position: relative;
	bottom: 10px;
	right: 10px;
}

.fancyimg .plus {
	background: url(images/closebox.png) no-repeat;
}

/************************************************************************
Match Summary
************************************************************************/

.matchsumbox {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(images/match-bg.gif) repeat-x bottom #000;
	color: #fff;
	}
	
.matchsumbox h1 {
	font-size: 30px;
	margin: 0;
	padding: 0;
	}

.matchboxhead {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	text-transform: uppercase;
	color: #666;
	background: url(images/match-bg.gif) repeat-x bottom;
	}
.matchwhite {
	color: #fff;
	}
	
/************************************************************************
Roster Popup
************************************************************************/

#balloonPopupContainer{position:absolute;left:0;top:0;display:none;z-index:20000;}
.balloonPopupContent{background-color:#FFF;font-size:11px;}
.balloonPopup .corner{width:19px;height:15px;}
.balloonPopup .topLeft{background:url(images/balloon_topLeft.png) no-repeat;}
.balloonPopup .bottomLeft{background:url(images/balloon_bottomLeft.png) no-repeat;}
.balloonPopup .left{background:url(images/balloon_left.png) repeat-y;}
.balloonPopup .right{background:url(images/balloon_right.png) repeat-y;}
.balloonPopup .topRight{background:url(images/balloon_topRight.png) no-repeat;}
.balloonPopup .bottomRight{background:url(images/balloon_bottomRight.png) no-repeat;}
.balloonPopup .top{background:url(images/balloon_top.png) repeat-x;}
.balloonPopup .bottom{background:url(images/balloon_bottom.png) repeat-x;text-align:center;height:31px;}
.balloonPopup .tail{background:url(images/balloon_tail.png) no-repeat;text-align:center;min-height:31px;width:29px;}