/*
	content.css
	Main content styles for most pages with PsychoStats.

	These styles define how the layout and format for most pages will be displayed within PsychoStats.
*/

#ps-main {
	padding-top: 1em;
	background: url(../img/content-bg.gif) repeat-x;
}

#ps-main h1, #ps-main h2, #ps-main h3
{
	font-family: Helvetica,"trebuchet ms",arial,sans-serif;
	font-size: 140%;
	font-weight: normal;
}
#ps-main h1 { border-bottom: 2px solid #778899; font-weight: bold; }
#ps-main h2 { font-size: 110%; }
#ps-main h3 { font-size: 80%; }

#ps-main-content {
	text-align: center;
}

#ps-page-title, #ps-container .ps-section-title {
	min-height: 64px;
	text-align: center;
	margin: 0 1em 1em 1em;
 	background: #CCCCCC url(../img/page-title-bg.png) repeat-x;
	border: 1px solid gray;
}
#ps-page-title div.inner, #ps-container .ps-section-title div.inner {
	text-align: left;
	padding: 7px; /* 7px 7px 0 7px */
}
#ps-page-title h2, .ps-section-title h2 { 
/*
	float: left;
*/
}
#ps-page-title span, .ps-section-title span {
	float: right;
	font-weight: bold;
}
#ps-main #ps-page-title div.inner span.ps-edit {
	margin-right: 5px;
}
#ps-search-clear {
	padding-bottom: 2px;
}

#ps-page-title div.ps-team-profile {
	padding: 3px;
	margin: 0 7px 7px;
	border: 1px solid #AAA;
	background: url(../img/page-title-bg-reverse.png) repeat-x bottom left;
	text-align: left;
}

#ps-page-title div.ps-division-profile {
	padding: 3px;
	margin: 0 7px 7px;
	border: 1px solid #AAA;
	background: url(../img/page-title-bg-reverse.png) repeat-x bottom left;
	text-align: left;
}

#ps-title-logo {
	position: relative;
	margin: 0 10px;
	height: 64px;
	width: 64px;
	float: left;
	z-index: 1;
}

#ps-page-privacy {
    color: #222;
    font-size: 1.2em;
	padding: 20px;
	margin: 20px 15% 20px;
	border: 2px solid #888;
	text-align: left;
	background: #d8d8d8;
}
#ps-page-privacy div, #ps-page-privacy p {
	padding: 5px;
}
#ps-page-privacy h1, #ps-page-privacy h2, #ps-page-privacy h3, #ps-page-privacy h4 {
    color: #000;
    font-weight: bold;
	padding-top: 20px;
}
#ps-page-privacy p {
	padding: 5px;
}
#ps-page-privacy ul {
	margin-left: 20px;
	background: #cecece;
}
#ps-page-privacy li {
	margin: 10px;
}

#ps-container div.ps-team-profile div.row {
	margin: 3px 0;
}

#ps-container div.ps-team-profile div label {
	display: inline;
	float: left;
	width: 175px;
	padding-right: 0.5em;
	clear: left;
	font-weight: bold;
	text-align: right;
}

div.ps-team-profile div p em { /* 'Not Set' statements */
	color: #666;
}

#ps-container div.ps-division-profile div.row {
	margin: 3px 0;
}

#ps-container div.ps-division-profile div label {
	display: inline;
	float: left;
	width: 175px;
	padding-right: 0.5em;
	clear: left;
	font-weight: bold;
	text-align: right;
}

div.ps-division-profile div p em { /* 'Not Set' statements */
	color: #666;
}

div.ps-team-profile #map {
	height: 96px;
	width: 175px;
	float: right;
	background-color: #CCC;
}

#ps-container .ps-team-logo {
	margin: 0 1em 1em 1em;
	border: 1px solid gray;
	padding: 1em 0 1em 0;
	background: #eee;
	text-align: center;
}

/* --- TABLE LAYOUT --------------------------------------------------------------- */
#ps-container .ps-frame-header { 
	font-size: 125%;
	font-weight: bold;
	text-align: left;
	padding: 0.3em;
	padding-left: 1em;
	background: #f1f1f1 url(../img/frame-header-bg.jpg) repeat-y top left;
	border:  1px solid gray;
}
.ps-frame-header span { 
	display: block;
	width: 100%;
	background: url(../img/exp_minus_arrow.png) no-repeat 100% 50%;
}
.s-closed .ps-frame-header span {
	background: url(../img/exp_plus_arrow.png) no-repeat 100% 50%;
}
.s-closed .ps-table-inner {
	display: none;
}

#ps-container .ps-table-frame { 
	margin: 0 0.5em 1em 0.5em;
}
#ps-container .ps-table-inner {
	border: 1px solid gray;
}
#ps-container .ps-table-header {
	padding: 0 0.2em 0.2em 0;
	text-align: right;
}
#ps-container .ps-table-footer {
	height: 21px;
	padding: 0.2em 0.2em 0 0;
	background: url(../img/table-footer-bg.gif) repeat-x 0 bottom; /* 72px */
	text-align: right;
}
#ps-container .ps-table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	position: relative;
}
#ps-container .ps-team-table tr.hdr,
#ps-container .ps-advanced-table tr.hdr,
#ps-container .ps-defence-table tr.hdr,
#ps-container .ps-offence-table tr.hdr,
#ps-container .ps-pitcher-table tr.hdr,
#ps-container .ps-position-table tr.hdr {
	position: sticky;
	top: 0;
	z-index: 1000;
}
#ps-container .ps-table th {
	line-height: 20px;
	background: url(../img/table-header-bg.png) repeat;
	border-bottom: 1px solid #999;
	text-align: center;
	padding: 0;
}
#ps-container .ps-table td {
	padding: 0 0.5em 0 0.4em;
	border-right: 1px solid #BBB;
	text-align: center;
	line-height: 1.5em;
}
/*	styles for negpos callback */
span.neg {
	color: #ff0000;
}
span.pos {
	color: #009a00;
}
.ps-table tr { background-color: #EEE; }
.ps-table tr.even { background-color: #E0E0E0; }
.ps-table td.noborder { border: none; }
.ps-table tr.over {
/*	apply mouseover styles for table rows here /**
	background-color: #ffffff;
/**/
}
/* 
.ps-table th.first { }
.ps-table td.first { border-left: none; }

/*
   This would be the ideal way to eliminate the extra border on the first
   column of tables. But noooooo, IE doesn't play nice. Instead we ruin
   the html by manually adding the 'first' class to the proper <td> tags
   on all tables.
.ps-table tr td:first-child { border-left: none; }
*/

#ps-container .ps-table th a,
#ps-container .ps-table th a:link,
#ps-container .ps-table th a:visited,
#ps-container .ps-table th a:hover,
#ps-container .ps-table th a:active 
{
	color: black;
}
#ps-container .ps-table th.active a {
	color: white;
}
#ps-container .ps-table th a:hover {
	color: white;
}
#ps-container .ps-table th.active a:hover {
	color: black;
}

.ps-table th.active p {
	background: url(../img/table-header-active-l-bg.png) no-repeat;
}
.ps-table th.active span {
	width: 100%;
	display: block;
	/* default the right side with no sort arrow */
	background: url(../img/table-header-desc-r-bg.png) no-repeat 100% 0;
}
.ps-table tr th.active span.asc {
	background: url(../img/table-header-asc-r-bg.png) no-repeat 100% 0;
	cursor: pointer;
}
.ps-table tr th.active span.desc {
	background: url(../img/table-header-desc-r-bg.png) no-repeat 100% 0;
	cursor: pointer;
}
#ps-container .ps-table acronym {
	text-decoration: none;
	border: none;
	cursor: help;
}

#ps-container .ps-table td.no-data {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: gray;
	padding: 0.5em 0;
}

#ps-container .ps-table .first	{
	background-color: #f5f5f5;
	color: #7d7d7d;
	text-align: center;
}
#ps-container .ps-table tr.even .first {
	background-color: #eaeaea;
}
#ps-container .ps-table .left  {
	background-color: #e1e1e1;
	text-align: left;
}
#ps-container .ps-table tr.even .left { background-color: #d3d3d3; }
#ps-container .ps-table .right  { text-align: center; }
#ps-container .ps-table .center { text-align: center; }
#ps-container .ps-table .primary,
#ps-container .ps-table .secondary {
	background-color: #dedede;
	color: #af1919;
	font-weight: bold;
	text-align: center;
}
#ps-container .ps-table .secondary {
	background-color: #e1e1e1;
	font-weight: normal;
}
#ps-container .ps-table tr.even .primary { background-color: #c6c6c6; }
#ps-container .ps-table tr.even .secondary { background-color: #d3d3d3; }

#ps-container .ps-table tr.half {
	border-bottom: 2px solid gray;
}

/* --- Style for flag and icon images in the team list */
#ps-container .ps-table .left img  {
	padding-top: 2px;
	padding-right: 4px;
	float: right;
}

/* --- Table specific styles
.ps-defence-table a.defence,
.ps-offence-table a.offence
{
	font-weight: bold;
}
*/

.ps-map-table td.first {
}

/* --- PAGER styles ------------ */
#ps-container .pager {
	display: block;
	padding: 3px;
}
#ps-container .pager-current,
#ps-container .pager-goto,
#ps-container .pager-next,
#ps-container .pager-prev {
	border: 1px solid gray;
	padding: 0 2px;
	background: #DDDDDD;
}
#ps-container .pager-current {
	background: lightyellow;
	font-weight: bold;
}
#ps-container .pager-next,
#ps-container .pager-prev {
	background: #BBBBBB;
}

#error {
	width: 400px;
	margin: 3em auto;
	background: lightyellow;
	border: 2px solid darkred;
	padding: 1em;
}
#error h1 {
	color: darkred;
	font-size: 180%;
	border-bottom: 3px solid #999;
	margin-bottom: 0.5em;
}
#error p {
	font-size: 120%;
}

/* activity percentage bar */
.pct-bar {
	border: 1px solid #AAA;
	background-color: #EEE;
	height: 8px;
	overflow: hidden;
	text-align: left;
	display: block;
	float: none !important;
	text-align: left !important;
}
.pct-bar span {
	display: block;
	height: 100%;
	text-align: left;
	background-color: black;
}
#ps-container .ps-column-content .pct-bar {
	margin-top: 4px;
}

/* dual percentage bars */
.dual-bar {
	border: 1px solid #AAA;
	background-color: #EEE;
	height: 8px;
	overflow: hidden;
	display: block;
	text-align: left !important;
	float: none !important;
}
.dual-bar span.left, .dual-bar span.right, .dual-bar span.center {
	float: left;
	display: block;
	height: 100%;
	text-align: left;
	background-color: black;
}
.dual-bar span.center { width: 1px; background-color: #AAA; }
#ps-container .ps-column-content .dual-bar {
	margin-top: 4px;
}
/* awards.php */

#ps-award-frame {
	border: 1px solid gray;
	background: #EEEEFF;
	margin: 0pt 0.5em 1em;
	text-align: left;
}

#ps-award-frame a.team {
	font-weight: bold;
}

#ps-container .ps-award-ctrl,
#ps-container .ps-award-ctrl-bottom {
	margin-bottom: 0.5em;
	border-bottom: 2px solid gray;
	padding: 0;
	text-align: center;
	background:transparent url(../img/table-header-bg.png) repeat scroll 0% 50%;
	line-height:19px;
}
#ps-award-hdr {
	margin: 0.5em 0.25em;
	padding: 1em;
	text-align: center;
/*
	border: 1px solid black;
	background: #92929F;
	color: #D8D8EB;
*/
}
#ps-award-hdr h1 {
	border: none;
	font-size: 150%;
}

#ps-container .ps-award-ctrl-bottom {
	margin-top: 0.5em;
	border-top: 2px solid gray;
	margin-bottom: 0;
	border-bottom: none;
}

#ps-container .ps-award-ctrl-bottom div.next,
#ps-container .ps-award-ctrl div.next {
	float: right;
	padding: 0 1em;
}
#ps-container .ps-award-ctrl-bottom div.prev, 
#ps-container .ps-award-ctrl div.prev {
	float: left;
	padding: 0 1em;
}

.ps-award-ctrl-bottom div.curr, 
.ps-award-ctrl div.curr {
	font-weight: bold;
}

#ps-container .ps-award-ctrl-bottom a.next, 
#ps-container .ps-award-ctrl a.next {
	background: url(../img/icons/arrow_right.png) no-repeat 100% 50%;
	padding-right: 20px;
	font-weight: bold;
	margin-left: 0.25em;
}

#ps-container .ps-award-ctrl-bottom a.prev, 
#ps-container .ps-award-ctrl a.prev {
	background: url(../img/icons/arrow_left.png) no-repeat 0 50%;
	padding-left: 20px;
	font-weight: bold;
	margin-right: 0.25em;
}

#ps-award-frame .award h1
{
	font-family: Helvetica,"trebuchet ms",arial,sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #666;
	width: 90%;
	border-bottom: 1px solid #aaa;
	margin-bottom: 5px;
}

#ps-award-frame .award,
#ps-award-frame .award-neg,
#ps-award-frame .award-none {
	padding: 0.5em;
	padding-left: 40px;
	border: 1px solid #CACAD9;
	margin: 0.25em;
	background-image: url(../img/icons/baseball.webp), url(../img/icons/hof_plaque_ico.gif);
	background-position: 10px 5px, 99% 5px;
	background-repeat: no-repeat, no-repeat;
	background-color: #D8D8EB; /* url(../img/icons/information.png) no-repeat 100% 50%; */
}
#ps-award-frame .award-hdr {
	padding: 0.5em;
	margin: 0.25em;
	border-bottom: 3px solid #CCC;
	background: #000;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
#ps-award-frame .award-neg {
	background: #FFD8EB;
}
#ps-award-frame .award-none {
	background: #FFFFEE;
}
#ps-award-frame .runnersup {
	padding: 0.5em;
	border: 1px solid #b3b0b4;
	background-color: #eee;
}

#ps-award-frame .award h2,
#ps-award-frame .award-neg h2 {
	font-size: 110%;
	font-weight: bold;
}
#ps-award-frame .award p,
#ps-award-frame .award-neg p {
	font-size: 100%;
	color: #92929F;
	margin: 0 1em;
}

#ps-award-frame .selected-team {
	border: 3px solid blue;
}

#ps-container .blurb {
	text-align: left;
	margin: 1em;
	font-size: 80%;
	color: black;
}

.rankchange-up, .rankchange-down {
	display: inline !important;
	float: none;
}

em.add-friend {
	font-size: 90%;
	font-style: normal;
}
em.add-friend a {
	color: gray;
}

/* Slider styles */
.ui-slider-1 .ui-slider-handle, 
.ui-slider-2 .ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(../img/slider-handle.gif);  }
/* .ui-slider-1 .ui-slider-handle-active, .ui-slider-2 .ui-slider-handle-active { border: 1px dotted black;  } */
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* Default slider backgrounds */
.ui-slider-1 { width: 200px; height: 23px; position: relative; background-image: url(../img/slider-bg-1.png); background-repeat: no-repeat; background-position: center center; }
.ui-slider-2 { width: 200px; height: 23px; position: relative; background-image: url(../img/slider-bg-2.png); background-repeat: no-repeat; background-position: center center; }

#gallery div.theme {
	width: 80%;
	margin: 0 auto 1em;
	background-color: #EEE;
	border: 1px outset black;
	text-align: left;
	padding: 0.5em;
}
#gallery div.theme h3 {
	font-size: 150%;
	font-weight: normal;
	background: url(../img/page-title-bg-reverse.png) repeat-x left bottom;
	padding: 3px;
	border: 1px outset gray;
	border-bottom: 2px solid gray;
	margin-bottom: 0.25em;
}
#gallery div.theme h3 a {
	display: block;
}
#gallery div.theme p {
	line-height: 1.5em;
	overflow: hidden;
}
#gallery div.theme p label {
	font-weight: bold;
	display: table-cell;	/* Doesn't work in IE6, owell ... better than using floats */
	width: 75px;
}
#gallery div.theme p span {
	display: table-cell;
}
#gallery div.theme p.description {
	margin: 0.5em;
	color: #666;
}
#gallery div.theme .preview {
	float: right;
	border: 1px inset black;
	padding: 3px;
	background-color: #FFF;
	margin-left: 3px;
}
#gallery div.theme .preview img {
	max-width: 300px;					/* FF  */
}
#gallery div.theme .website a 	{ padding-left: 20px; background: url(../img/icons/house.png) no-repeat 0 50%; }
#gallery div.theme .author  	{ padding-left: 20px; background: url(../img/icons/user_green.png) no-repeat 0 50%; }
#gallery div.theme .version  	{ padding-left: 20px; background: url(../img/icons/note.png) no-repeat 0 50%; }
#gallery div.theme .source  	{ padding-left: 20px; background: url(../img/icons/package.png) no-repeat 0 50%; }
#gallery div.theme .inuse  	{ padding-left: 20px; background: url(../img/icons/accept.png) no-repeat 0 50%; }
#gallery div.theme p.description { text-indent: 20px; background: url(../img/icons/information.png) no-repeat top left; }

#gallery div.theme p.inuse {
	color: green;
	font-weight: bold;
	background: none;
	padding: 0;
}

img.img-delete { /* editdivision.php */
	background: url(../img/icons/delete.png) no-repeat 0 0;
}

#ps-random-img {
	display: block;
	height: 80px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/random_bat.webp) no-repeat;
}

.ps-debug {
	font-size: 80%;
	font-family: Tahoma,Arial,sans-serif;
	margin: 1em auto 0 auto;
	width: 80%;
}
.ps-debug .error {
	display: block;
	font-weight: bold;
	text-decoration: underline;
	color: DarkRed;
}
.ps-debug .query { }


/* --- clear floats ------------ */
.clear { clear: both; }
.ps-stat-container:after, 
.ps-stat-content p:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .ps-stat-container,
* html .ps-stat-content p
{ 
	height:1%; 
}
