/* ===================================== *\
	CLIENT:				SKELETON FILE
	BUILT & POWERED BY:
	DATE:
	TITLE:				MAIN CSS
\* ===================================== */
@import url(../../css/dtree.css);

/*
MAIN COLOURS:

REDS
	MAIN CHARCOAL		rgb(34,34,34)
	MAIN RED DARK:	rgb(15,0,0)

ORANGES
	MAIN ORANGE: 	rgb(255,125,0)

*/

html {
	display: block;
}

/* GRAND MASTER RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td		{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
strong { font-weight: bold; }
em { font-style: italic; }
:focus 			{ outline: 0; }
body 			{ line-height: 1; color: black; background: white; }
ol, ul 			{ list-style: none; }
table			{ border-collapse: separate; border-spacing: 0; }
table tr td 	{ padding: 4px 2px; }
caption, th, td	{ text-align: left; font-weight: normal; }
p 				{ margin-bottom: 1em; }
/* ----------------- */

body			{ background: rgb(34,34,34); background:#222222; font: 11px Tahoma,"Trebuchet MS",Arial,Helvtica,sans-serif; }
a { color: #4f6a80; text-decoration: none; font-weight: bold; }
.floatLeft {
	float: left;
	margin:0 5px;
}
.nowrap {
	white-space: nowrap;
}
table.floatLeft {
	margin-right: 1em;
}
.floatRight {
	float: right;
}
a:hover { color: #444; }
.clear 			{ clear: both; height: 0px; margin: 0; padding: 0;}
/*#head				{ margin-left:auto;margin-right:auto; height: 59px; min-width: 980px; padding: 0 8px; border-bottom: 1px solid rgb(15,0,0); background: rgb(34,34,34); background:#222222; color: white; }*/
#head { margin-left:auto;margin-right:auto; height: 59px; min-width: 980px; padding: 0 8px; background: #FFFFFF; color: white; }
#navBar a,
#head a				{ color: white; text-decoration: none; }
.lineItem a:hover,
#navBar a:hover,
#head a:hover		{ color: rgb(255,125,0); }
#head h2,
#head h1		{ float: right; margin: 8px 0 0; font-size: 18px; font-weight: bold; }
#head h2 + h2,
#head h1 + h1		{ float: right; }
#head img + h1 + h2	{ clear: both; float: left;}
#head h2			{ font-size: 12px; margin: 1px 0 0; font-weight: normal; }
#head img 		{ float: left; margin: 2px; font-size: 18px; font-weight: bold; }

img.newsport        { padding-left: 3px; padding-top: 10px;    }

/*#navBar					{ height: 24px; min-width: 980px; padding: 0 8px 0 0; background: #111111 url(../../../img/backgrounds/W3C/background-glass24.png) repeat-x 0 0; color: white; overflow: hidden; margin-left:auto;margin-right:auto; }*/
#navBar	{ height: 30px; padding: 0 10px 0 0; background: #00AAAA; color: white; overflow: hidden; margin-left:auto;margin-right:auto; }
/*#navBar #userLoggedIn	{ float: left; height: 24px; min-width: 245px; width: auto; padding: 0 0 0 8px; background: url(../../../img/backgrounds/W3C/background-loggedIn.png) repeat-y 0 0; line-height: 21px; }*/
#navBar #userLoggedIn { float: left; line-height: 30px; min-width: 245px; width: auto; padding: 0 0 0 8px; }
#navBar	#langSelect,
#navBar ul				{ float: right; line-height: 30px; }
#navBar li				{ float: left; padding: 0 8px; }
#navBar li:first-child	{ border: 0; }
#navBar select			{ background: rgb(225,255,255); color:#000; }

#tupperware			{ overflow: hidden; background: white; }
#maximizer			{ position: absolute; z-index: 999; margin: 3px; padding: 2px; font-size: 9px; line-height: 1; color: white; width: 196px;}
#maximizer			{ margin-left: 180px; cursor: pointer; }
#contentDisplay		{ position: relative; min-height: 600px; padding-bottom: 20000px; margin-bottom: -19980px; }
#navColumn #dTreeNav{ padding: 20px 0; min-height:600px; }
.dTreeNode:hover	{ background: rgb(34,34,34) url(../../img/backgrounds/W3C/background-glass24.png) repeat-x 0 50%; }
#contentDisplay		{ float: right; background: url(../../img/backgrounds/background-tabContainer.png) repeat-x 0 0 #fff; width: 100%; }
#contentControls	{ margin: 0px; min-height:600px;_height:600px;}

#navTabs				{ float: left; width: 100%; padding: 10px 0 0; border-bottom: 1px solid rgb(183,174,136); background: url(../../img/backgrounds/background-tabContainer.png) repeat-x 0 0; }
#navTabs li				{ float: left; position: relative; margin-bottom: -1px; border: 1px solid rgb(183,174,136); background: url(../../img/backgrounds/background-tabs.png) repeat-x 0 0 #d5d0ba; font-size: 12px; font-weight: bold; overflow: hidden; border-top-left-radius: 5px; border-bottom-top-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;}
#navTabs li * 			{ float: left; }
#navTabs li:first-child { margin-left: 10px; }
#navTabs li:hover		{ background: white; }
#navTabs li.active		{ border-bottom-color: white; background: white; }
#navTabs span,
#navTabs a				{ position: relative; z-index: 10; display: block; padding: 4px 30px 4px 10px; color: rgb(119,102,85); text-decoration: none; }
#navTabs span			{ color: black; }

.manage,
.search,
.pageInActive,
.pageActive				{ position: absolute; top: 5px; right: 10px; z-index: 5; height: 13px; width: 14px; background: url(../../../img/icons/bullet_green.png) no-repeat 50% 50%; }
.pageInActive			{ background: url(../../../img/icons/bullet_red.png) no-repeat 50% 50%; }
.search					{ top: 4px; height: 16px; width: 16px; background: url(../../../img/icons/magnifier.png) no-repeat 50% 50%; }
.manage					{ top: 4px; height: 16px; width: 16px; background: url(../../../img/icons/page_white_wrench.png) no-repeat 50% 50%; }

#contentDisplay span.unchecked			{ background: url(../../../img/icons/bullet_white.png) no-repeat 50% 50%; }
#contentDisplay span.checked			{ background: url(../../../img/icons/bullet_green.png) no-repeat 50% 50%; }
/*#contentDisplay input[type="radio"] 	{ opacity: 0; cursor: pointer; }*/

#tabContent						{ clear: both; margin: 0 15px 15px 10px; padding-top: 15px; }
.lineItem						{ height: 22px; line-height: 16px; }
.lineItem label					{ float: left; display: block; width: 75px; }
.lineItem a						{ color: rgb(15,0,0); }
.lineItem input[type="text"]	{ height: 12px; width: 660px; font-size: 10px;}

#tabContent label { line-height: 1.5; margin-bottom: 4px; display: block; }

#tabContent h4 {
	font-size:16px;
	font-weight: bold;
	padding: 0 0 5px;
}

#fck			{ padding: 69px 0 3px; background: rgb(239,239,222) url(../../../img/misc/fck.png) no-repeat 0 0; }
#fck textarea	{ display: block; width: 99%; height: 400px; margin: 0 auto; }

#foot			{ clear:both; padding: 0 8px; font-size: 9px;line-height: 40px; color: rgb(180,180,180); background-color: #222222;}

.dbServerFooter {
	text-align: center;
	color: yellow;
	background-color: #222222;
}

/*MANAGE*/
table.pageManagement					{ clear: both; width: 100%; margin-bottom: 3px; border-collapse: collapse; border: 1px solid rgb(28,28,28); }
table.pageManagement thead tr			{ background: black url(../../../img/backgrounds/W3C/glass2x15.png) repeat-x 0 0; }
table.pageManagement thead th			{ padding: 0 2px; color: white; font-weight: bold; white-space: nowrap;}
table.pageManagement thead th a			{ display: block; padding: 0 22px 0 2px; background: url(../../../img/backgrounds/W3C/sortArrow.png) no-repeat 100% 50%;  color: white; text-decoration: none;  text-indent: 5px;}
table.pageManagement thead th a.active	{ display: block; padding: 0 22px 0 2px; background: url(../../../img/backgrounds/W3C/sortArrow-green.png) no-repeat 100% 50%;  color: white; text-decoration: none;  text-indent: 5px; }
table.pageManagement td					{ padding: 0 5px; vertical-align: top;}
table.pageManagement td.center			{ padding: 0 2px; text-align: center; }
table.pageManagement tbody a			{ text-decoration: none; color: black; }
table.pageManagement tbody a:hover		{ text-decoration: underline; }
.vert *	 	{ float: left; vertical-align: middle; }
.upArrow,
.downArrow	{ height: 13px; width: 14px; margin: 0 4px 0 10px; background: url(../../../img/icons/arrow-down.png) no-repeat 50% 50%; text-indent: -50000px; }
.upArrow	{ background: url(../../../img/icons/arrow-up.png) no-repeat 50% 50%; }

.greyUpArrow,
.greenUpArrow,
.greenDownArrow,
.deactivateAction,
.activateAction,
.delete,
.crossOrder			{ display: block; height: 16px; width: 16px; margin: 0 0 0 8px; background: url(../../../img/icons/arrow_switch.png) no-repeat 50% 50%; text-indent: -50000px; }
.delete				{ background: url(../../../img/icons/delete.png) no-repeat 50% 50%; }
.activateAction		{ background: url(../../../img/icons/bullet_green.png) no-repeat 50% 50%; }
.deactivateAction	{ background: url(../../../img/icons/bullet_red.png) no-repeat 50% 50%; }
.greyUpArrow,
.greenUpArrow		{ float: left; height: 16px; width: 12px; margin-left: 10px; background: url(../../../img/icons/greenArrowUp.png) no-repeat 50% 50%; }
.greyUpArrow		{ background: url(../../../img/icons/greyArrowUp.png) no-repeat 50% 50%; }
.greyDownArrow,
.greenDownArrow		{ float: left; height: 16px; width: 12px; margin: 0; background: url(../../../img/icons/greenArrowDown.png) no-repeat 50% 50%; }
.greyDownArrow		{ background: url(../../../img/icons/greyArrowDown.png) no-repeat 50% 50%; }
td .deactivateAction,
td .activateAction	{ float: right; }


col.alt				{ text-align: center; background: rgb(255,219,184); }
col.width100		{ width: 120px; }
col.width60			{ width: 60%; }

.folder 			{ padding-left: 30px; background: url(../../../img/icons/folder_open.png) no-repeat 0 0; }
.folder_close		{ padding-left: 30px; background: url(../../../img/icons/folder_close.png) no-repeat 0 0; }
h1.folder_close ,
h1.folder 			{ height: 16px; font-weight: bold; line-height: 18px; overflow: hidden; cursor: pointer; }

a.viewAll,
a.addPage,
a.webpage			{ display: block; margin-left: 30px; padding-left: 20px; background: url(../../../img/icons/page_world.png) no-repeat 0 50%; line-height: 20px; }
a.addPage			{ background: url(../../../img/icons/page_add.png) no-repeat 0 50%; font-weight: bold;}
a.viewAll			{ background: url(../../../img/icons/page_white_stack.png) no-repeat 0 50%; font-weight: bold;}


/* Forms Style */
.faq {
	float: left;
}
.faq ul {
	list-style-type: circle;
	font-size: 140%;
	font-weight: bold;
	padding: 0 0 0 20px;
}
.faq ul a {
	font-weight: normal;
}
.faq li {
	margin: 0 0 10px 0;
}
h2 {
	font-size: 18pt;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	padding-bottom: 4px;
}
.selectArrows {
	width: 16px;
	margin: 50px 0 0 0;
}
.selectArrows a {
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -1000000px;
	background: url(../../../img/icons/resultset_previous.png);
}
.selectArrows a.right {
	background: url(../../../img/icons/resultset_next.png);
}
.spacer {
	height: 30px;
}
.details {
	margin-bottom: 20px;
}
.languageTab {
	width: 300px;
	float: left;
	margin: 0 15px 20px 0;
	background: #fff;
	padding: 5px;
	border: 1px solid #e5eff8;
}
h3, .languageTab h4 {
	font-size: 14pt;
	border-bottom: 1px solid #ddd;
	font-family: Calibri, Arial, Sans-Serif;
	margin: 5px 0 10px 0;
	padding-bottom: 4px;
}
.languageTab h3 {
	text-transform: uppercase;
	font-size: 110%;
	background: url(../../../img/backgrounds/tableheader.gif);
	padding: 0.3em 1em;
	font-family: Calibri, Arial, Sans-serif;
	margin: -5px -5px 5px -5px;
	border-bottom: 1px solid #e5eff8;
	color: #333;
	font-weight: bold;
}
.languageTab h4 {
	font-size: 10pt;
	margin: 5px 0 0 0;
}
.languageTab .formItem label {
	width: 115px;
}
.languageTab .formItem textarea {
	width: 288px;
}
form#seasonSelect div {
    display: inline-block;
    vertical-align: middle;
	margin-right: 4px;
}
.formItem button.publishButton {
	padding: 2px 6px;
	font-size: 100%;
	float: none;
	margin: 5px 0 0 0;
}
.formItem button:active.publishButton {
	padding: 3px 5px 1px 7px;
}
.formItem button.publishButton img {
	height: 10px;
	width: 10px;
	margin: 0 0 -1px 0;
}
.formItem {
	border-bottom: 1px solid #e5eff8;
	padding: 5px 0;
}
.imageInput {
	margin: 0 0 -4px 0;
}
.submit {
	border: none;
	padding-left: 205px;
}
.formItem input, .formItem select, .formItem textarea, .listingTable input, .listingTable select, .listingTable textarea, .misc select {
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	color: #222;
	font-size: 10px;
	padding: 2px;
	width: 150px;
}
.formItem .listingTable {
	margin: 0;
}
.formItem textarea {
	font: 100% arial;
	padding: 5px;
	line-height: 1.5em;
}
.formItem input:focus, .formItem select:focus, .formItem textarea:focus, .listingTable input:focus, .listingTable select:focus, .listingTable textarea:focus {
	border: 1px solid #EED328;
	background: #FCFFC9;
}
.formItem input.file {
	width: 205px;
}
input.number {
	width: 40px;
}
.formItem label {
	width: 220px;
	text-align: right;
	margin: 0 20px 0 0;
	padding: 0 0 0 5px;
	font: 9pt Calibri, Arial, sans-serif;
	display: block;
	float: left;
	line-height: 18px;
	color: #444;
}
.langContent .formItem label {
	width:115px;
}
.formItem label.horizontal {
	float: none;
	text-align: left;
}
.formItem .languageTab textarea {
	width: 280px;
	margin: 0 5px;
}
.formItem ul {
	margin-bottom: 5px;
}
.formDetails {
	float: left;
	color: #222;
	line-height: 18px;
}
.formDetails button {
	padding: 1px 6px 2px 6px;
}
.formDetails button:active {
	padding: 1px 6px 2px 6px;
}
input.searchbox {
	padding: 3px;
	font-size: 12pt;
	width: 314px;
}
select, input {
	height: 24px;
}
input[type="checkbox"] {
	height: 14px !important;
}
input[type="radio"] {
	width: initial !important;
	vertical-align: middle;
	margin: 0 4px !important;
	cursor: pointer;
}
.imgDetails {
	color: #222;
}
.imgDetails a {
	text-decoration: none;
	color: #222;
}
.imgDetails img {
	margin-bottom: -1px;
}
a.addLink, a.delLink {
	padding: 0 0 0 15px;
	background: url(../../../img/icons/add.png) 2px 2px no-repeat;
	color: #555;
	border-bottom: 1px solid #888;
	text-decoration: none;
}
a.delLink {
	background: url(../../../img/icons/remove.png) 2px 2px no-repeat;
}
a.blockLink {
	display: block;
	width: 10px;
	height: 10px;
	background-position: 0 0;
	line-height: 10px;
	text-indent: -100000px;
	padding: 0;
	border: none;
}
a:hover.addLink, a.delLink {
	border-color: #000;
}
.imageToolbar {
	width: 40px;
	float: right;
	margin: 2px 0 0 0;
}
.imageToolbar li {
	width: 15px;
	float: left;
}
.imageToolbar a {
	width: 10px;
	height: 10px;
	display: block;
	margin-left: 5px;
	text-indent: -100000px;
	float: left;
	background: url(../../../img/icons/edit.png);
}
.imageToolbar a.remove {
	background: url(../../../img/icons/remove.png);
}
ul.tabList {
	border-bottom: 1px solid #ddd;
	height: 25px;
	width: 672px;
}
ul.tabList a, ul.tabList li {
	float: left;
	height: 25px;
	display: block;
}
ul.tabList a {
	padding: 3px 10px;
	background: #fff;
	border: 1px solid #ddd;
	line-height: 19px;
	margin: 0 10px 0 0;
	height: 18px;
	color: #222;
	text-decoration: none;
}
ul.tabList a.active {
	background: #f7f7f7;
	border-width: 1px 1px 0 1px;
	height: 19px;
	font-weight: bold;
}
ul.tabList a:hover {
	background: #f7f7f7;
	color: #000;
}
.tabs {
	width: 650px;
	padding: 10px;
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 1px;
}
/* Table Styles */
.listingTable {
	font: 9pt Calibri, Arial, sans-serif;
	width: 100%;
	border: 1px solid #e5eff8;
	border-width: 1px 0 0 1px;
	margin: 0 0 1em 0;
	clear:both;
}
.searchTable {
	width: 320px;
	float: left;
	margin: 0 20px 1em 0;
}
.listingTable td, .listingTable th {
	padding: 0.3em 1em;
	color: #678197;
	border: 1px solid #e5eff8;
	border-width: 0 1px 1px 0;
}

.light {
    background-color: transparent;
}
.midtone {
    background-color: #e1e1e7;
}

.smallTable td, .smallTable th {
	padding: 1px;
}
.smallTable input[type="radio"] {
	width: 15px;
	padding-right: 5px;
}
.smallTable td a {
	text-decoration: underline;
}

.smallTable .videoTd {
	padding: 10px 15px 0 0;
}
.listingTable .checkbox {
	padding: 0;
	text-align: center;
	width: 15px;
}
.checkbox input, input.checkbox {
	width: auto;
	border: none;
}
.listingTable th {
	background: url(../../../img/backgrounds/tableheader.gif) 0 0 repeat-x #f4f9fe;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}
.listingTable tr.altRow td {
	background: #f7fbff;
}

.listingTable .mock_th {
	background: url(../../../img/backgrounds/tableheader.gif) 0 0 repeat-x #f4f9fe !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	color: #333 !important;
}

.searchHighlight {
	background: #fcffc9;
	padding: 0 3px;
	border: 1px solid #eed328;
}

.newVideoHighlight {
	background: #fcffc9 !important;
	padding: 0 3px;
		font-style: italic;
}
.highlight tr:hover td, .highlight tr:hover.altRow td {
	background: #FCFFC9;
	border-bottom-color: #EED328;
}
.highlight tr:hover.nohighlight td {
	background: #fff;
	border-bottom-color: #e5eff8;
}
.listingTable li {
	list-style-type: circle;
	margin: 0 0 0 30px;
	padding: 0;
}

tr.spaced {
	height: 10px !important;
}

.media li {
	list-style-type: none;
	margin: 0 0 0 20px;
}
.media li.sub1 {
	margin: 0 0 0 40px;
}
.blogEntries {
	padding: 5px 0 5px 25px;
}
.pagination, .toolbar, .misc {
	border: 1px solid #e5eff8;
	color: #678197;
	float:left;
	text-align: left;
	background: #f7fbff;
	padding: 0.3em 1em 0.6em 1em;
	margin: 0 0 1em 0;
}


.misc {
	text-align: left;
	height: 25px;
	float: left;
	padding: 0;
	line-height: 23px;
	margin: 0 10px 1em 0;
}
.toolbar {
	text-align: left;
	height: 25px;
	padding: 0;
	margin: 0 0 1em 5px;
	line-height: 23px;
	width: auto;
	float: right;
	position: relative;
}
.toolbar .selected {
	height: 9px;
	width: 16px;
	position: absolute;
	right: 2px;
	text-indent: -10000px;
	z-index: 5;
}
.toolbar .up {
	top: -10px;
}
.toolbar .down {
	bottom: -10px;
}
.toolbar ul {
	height: 25px;
}
.toolbar li, .misc li {
	float: right;
	line-height: 23px;
}
.misc li {
	float: left;
	margin: 0;
}
.toolbar a, .misc a {
	display: block;
	line-height: 23px;
	height: 25px;
	padding: 0 10px 0 25px;
	background-position: 10px 45%;
	font-weight: normal;
	float: left;
}
.toolbar a:hover, .misc a:hover {
	background-color: #FCFFC9;
	margin: -1px;
	border: 1px solid #EED328;
}
.addbar {
	margin-left: 30px;
}
.addbar li, .addbar a {
	list-style-type: none;
	display: block;
	float: left;
	font-weight: normal;
	margin: 0;
}
.addbar a {
	border: 1px solid #e5eff8;
	background-color: #f7fbff;
	padding: 2px 10px 2px 25px;
	background-position: 10px 45%;
	margin: 0 5px 0 0;
	font-size: 8pt;
}
.addbar a:hover {
	background-color: #fcffc9;
	border: 1px solid #eed328;
}
.bar {
	border: 1px solid #e5eff8;
	padding: 0.3em 1em;
}
.pagination span {
	float: right;
}

/* Client List Styles */
.clientList {
	margin: 0 auto 15px auto;
	width: 980px;
	position:relative;
}
.client {
	float: left;
	width: 448px;
	margin: 10px;
	height: 135px;
	border: 1px solid #e5eff8;
	position: relative;
	padding: 10px;
	background: #f7fbff;
}
.client:hover {
	border-color: #bfd1e1;
}
.clientRight {
	float: left;
	width: 356px;
}
.clientList h2 {
	border: none;
	margin: 0 0 8px 0;
	padding: 0;
}
.clientList h2 a {
	text-decoration: none;
	border-bottom: 1px solid #888;
	padding: 0px 2px;
	color: #444;
}
.clientList h2 a:hover {
	border-color: #444;
	color: #222;
}
.clientList li li {
	border: none;
	padding: 0;
	list-style-type: circle;
	margin: 0 0 0 15px;
	width: auto;
}
.clientList li img {
	float: left;
	width: 80px;
	height: 80px;
	border: 1px solid #000;
	margin: 0px 10px 0 0;
}
.clientList span {
	color: #333;
	font-weight: bold;
}
.clientList ul.clientToolbar {
	float: none;
	width: 450px;
	padding: 0 0 0 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	list-style-type: none;
	height: 18px;
	position: absolute;
	bottom: 15px;
	left: 0;
}
.clientList .client:hover ul.clientToolbar {
	background: #fff;
	border-color: #bfd1e1;
}
.clientToolbar a, .clientToolbar li {
	float: left;
	display: block;
	height: 18px;
	line-height: 17px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.clientList li .clientToolbar li {
	margin: 0;
}
.clientToolbar a.users {
	background: url(../../../img/icons/users.png) no-repeat 8px 50%;
}
.clientToolbar a.domains {
	background: url(../../../img/icons/domains.png) no-repeat 8px 50%;
}
.clientToolbar a.features {
	background: url(../../../img/icons/features.png) no-repeat 8px 50%;
}
.clientToolbar a.edit {
	background: url(../../../img/icons/edit.png) no-repeat 8px 50%;
}
.clientToolbar a.delete_small {
	background: url(../../../img/icons/delete_small.png) no-repeat 8px 50%;
}
.clientToolbar a {
	padding: 0 8px 0 23px;
	text-decoration: none;
	color: #444;
	border-right: 1px solid #f7fbff;
	border-left: 1px solid #f7fbff;
}
.clientToolbar a:hover {
	color: #222;
	border-color: #ddd;
	background-color: #f7fbff;
}
/* Buttons */
button, a.button {
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	color: #565656;
	background: #f5f5f5;
	padding: 5px 10px 6px 10px;
	margin: 5px 10px 5px 0;
}
a.button {
	display: block;
	float: left;
	font-weight: normal;
}
button:hover, a:hover.button {
	background-color:#E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
	cursor: pointer;
}
button:active, a:active.button {
	padding: 6px 9px 5px 11px;
}
button img, a.button img {
	margin: 0 3px 0 0;
	width: 10px;
	height: 10px;
}
button:hover.cancel, a:hover.cancel {
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
button:hover.reset, a:hover.reset {
	background: #F8FAFC;
	border: 1px solid #B5D4FE;
	color: #4775b4;
}

/* Link Styles */
.button_small {
	width: 10px;
	height: 10px;
	display: block;
	text-indent: -100000px;
	line-height: 1px;
}
.tracking {
	background: url(../../../img/icons/tracking.png);
}
.enabled {
	background: url(../../../img/icons/running.png);
}
.disabled {
	background: url(../../../img/icons/inactive.png);
}
.view {
	background: url(../../../img/icons/view.png);
}
.edit_small {
	background: url(../../../img/icons/edit.png);
}
.save_small {
	background: url(../../../img/icons/save.png);
}
.add_small {
	background: url(../../../img/icons/add.png) 0 50% no-repeat;
}
.delete_small {
	background: url(../../../img/icons/delete_small.png) 0 50% no-repeat;
}
.paybill {
	background: url(../../../img/icons/cart.png) 0 50% no-repeat;
	line-height: 16px;
	padding-left: 20px;
}
.sync {
	background: url(../../../img/icons/sync.png) 0 50% no-repeat;
	padding-left: 15px;
}
.bullet_red {
	width: 15px;
	height: 15px;
	display: block;
	text-indent: -100000px;
	line-height: 1px;
	background: url(../../../img/icons/bullet_red.png) 0 50% no-repeat;
}
.bullet_green {
	width: 15px;
	height: 15px;
	display: block;
	text-indent: -100000px;
	line-height: 1px;
	background: url(../../../img/icons/bullet_green.png) 0 50% no-repeat;
}
.page_small {
	width: 15px;
	height: 15px;
	display: block;
	text-indent: -100000px;
	line-height: 1px;
	background: url(../../../img/icons/page.png) 0 50% no-repeat;
}

.editLink, .golink a {}
.golink a {
	background: url(../../../img/icons/go.png) 0 100% no-repeat;
}
a.protected {
	color: #888;
	background: url(../../../img/icons/locked.png) 100% 4px no-repeat;
	padding: 2px 15px 2px 0;
}
a:hover.protected {
	background: url(../../../img/icons/edit_window.png) 100% 50% no-repeat;
}
a:hover.editLink, .golink a:hover {
	background-position: 100% 4px;
	text-decoration: none;
}

.text_link {
	padding: 1px 0 1px 15px;
}
.calendarLink {
	background: url(../../../img/icons/calendar_small.png) 0 50% no-repeat;
}
.deactivate {
	background: url(../../../img/icons/deactivated.png) 0 50% no-repeat;
}
.activate {
	background: url(../../../img/icons/running.png) 0 50% no-repeat;
}
.up {
	background: url(../../../img/icons/up.png) 0 50% no-repeat;
}
.down {
	background: url(../../../img/icons/down.png) 0 50% no-repeat;
}
.open {
	background: url(../../../img/icons/add.png) 0 50% no-repeat;
}
.submitArticle {
	background:transparent url(../../../img/icons/check.png) no-repeat scroll 0 50%;
}
.customize {
	background: url(../../../img/icons/customize.png) 0 50% no-repeat;
}
.save {
	background: url(../../../img/icons/save.png) 0 50% no-repeat;
}
.opened_folder, .closed_folder, .opened_blog, .closed_blog, .green_folder, .green_opened_folder, .red_folder, .red_opened_folder {
	padding: 1px 0 1px 15px;
}
.opened_blog, .closed_blog {
	background: url(../../../img/icons/blog.png) 0 50% no-repeat;
}
.opened_folder {
	background: url(../../../img/icons/folder_opened.png) 0 50% no-repeat;
}
.closed_folder {
	background: url(../../../img/icons/folder_closed.png) 0 50% no-repeat;
}
.green_folder {
	background: url(../../../img/icons/green-folder.png) 0 50% no-repeat;
}
.green_opened_folder {
	background: url(../../../img/icons/green-folder.png) 0 50% no-repeat;
}

.red_folder {
	background: url(../../../img/icons/red-folder.png) 0 50% no-repeat;
}

.red_opened_folder {
	background: url(../../../img/icons/red-folder.png) 0 50% no-repeat;
}


a:hover.closed_folder, a:hover.closed_blog, a:hover.green_folder, a:hover.red_folder {
	background: url(../../../img/icons/add.png) 0 50% no-repeat;
}
a:hover.opened_folder, a:hover.opened_blog, a:hover.green_opened_folder, a:hover.red_opened_folder {
	background: url(../../../img/icons/close.png) 0 50% no-repeat;
}
span.arrow_folder_empty {
}
span.arrow_folder {
	background: url(../../../img/icons/arrow_expand.png) 0 50% no-repeat;
}
span.arrow_folder_open {
	background: url(../../../img/icons/arrow_expand.png) 0 50% no-repeat;
}
span.arrow_folder_close {
	background: url(../../../img/icons/arrow_collapse.png) 0 50% no-repeat;
}
.img {
	background: url(../../../img/icons/img.png) 0 50% no-repeat;
}
.pdf {
	background: url(../../../img/icons/pdf.png) 0 50% no-repeat;
}
.video {
	background: url(../../../img/icons/video.png) 0 50% no-repeat;
}
.document {
	background: url(../../../img/icons/doc.png) 0 50% no-repeat;
}
.word {
	background: url(../../../img/icons/word.png) 0 50% no-repeat;
}
.ppt {
	background: url(../../../img/icons/execl.png) 0 50% no-repeat;
}
.txt {
	background: url(../../../img/icons/txt.png) 0 50% no-repeat;
}
.move {
	background: url(../../../img/icons/move.png) 0 50% no-repeat;
}
.assign {
	background: url(../../../img/icons/flag_orange.png) no-repeat 0 50%;
}
.manage_add {
	font-size: 80%;
	margin-left: 80px;
}
.listingTable li.page {
	list-style-type: none;
	margin-left: 15px;
}
.page a {
	background: url(../../../img/icons/page.png) 0 50% no-repeat;
	padding: 0 0 0 15px;
}
.page a:hover {
	background: url(../../../img/icons/edit.png) 0 50% no-repeat;
}

/*Dashboard Specific Styles */
.panelContainer {
	width: 380px;
	height: 200px;
	float: left;
	margin: 0 10px 10px 0;
	overflow: auto;
	border-bottom: 1px solid #e5eff8;
}
.panelContainer .listingTable .listingTable td {
	padding: 2px 5px;
}
.dashboard_headsup .listingTable {
	background: #fff;
	margin: 0 0 10px 0;
}
.listingTable .tablefoot {
	font-size: 90%;
	text-align: right;
}
.runningIndicator, a.active, a.deactivated, a.inactive {
	background: url(../../../img/icons/running.png) 0 50% no-repeat;
	padding: 0 0 0 15px;
	color: green;
	font-weight: normal;
}
a.active, a.deactivated, a.inactive {
	margin: 0 15px 0 0;
	width: 60px;
	display: block;
	float: left;
}
a.deactivated {
	background: url(../../../img/icons/deactivated.png) 0 50% no-repeat;
	color: #888;
}
span a:hover.deactivated {
	background: url(../../../img/icons/running.png) 0 50% no-repeat;
	color: green;
}
span.calBlue a:hover.deactivated {
	background: url(../../../img/icons/blue_bullet.png) 0 50% no-repeat;
	color: #164675;
}
a:hover.deactivated {
	background: url(../../../img/icons/inactive.png) 0 50% no-repeat;
	color: red;
}
a.inactive {
	color: red;
	background: url(../../../img/icons/inactive.png) 0 50% no-repeat;
}
.poster {
	border-bottom: 1px solid #e5eff8;
	margin-top: 1em;
}
.comment {
	font-style: italic;
}
.tagline {
	font-size: 90%;
	border-top: 1px solid #e5eff8;
	text-align: right;
}
.filebrowser li {
	list-style-type: none;
	margin: 0 0 0 15px;
	line-height: 20px;
}
.filebrowser li li {
	margin: 0 0 0 30px;
	border-bottom: 1px solid #e5eff8;
}
.filebrowser .text_link, .filebrowser .opened_folder, .filebrowser .closed_folder, .green_folder, .green_opened_folder, .red_folder, .red_opened_folder  {
	margin-right: 15px;
}

/* Gallery */
.imageGallery {
	border: 1px solid #e5eff8;
	padding: 10px;
	font-family: Calibri, Arial, sans-serif;
	margin: 0 0 15px 0;
}
.imageGallery li div {
	float: left;
	margin: 0 0 0 10px;
}
.imageGallery .button_small {
	margin-top: 3px;
}
.imageGallery .galleryImg {
	float: left;
	height: 80px;
	width: 80px;
}
.imageGallery li {
	float: left;
	padding: 6px;
	border: 1px solid #fff;
	position: relative;
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
}
.imageGallery li:hover {
	background: #f7fbff;
	border-color: #e5eff8;
}
.imageGallery span {
	display: block;
	font-size: 80%;
	color: #666;
}
.imageGallery a {
	display: block;
	float: none;
}

/* Calendar */
.calendar_big td {
	width: 14%;
	height: 100px;
	vertical-align: top;
}
.week td {
	height: auto;
}
.day td {
	width: auto;
	height: auto;
}
.calendar_big .col, .listingTable .col {
	white-space: nowrap;
	text-align: right;
}
.calendar_big ul {
	margin: 0;
	font-size: 110%;
}
.calendar_big li {
	margin: 0.3em 1em;
}
.calendar_big td:hover, .calendar_big .today, .month .today, tr.altRow td.today, .week tr:hover td, .week tr:hover.altRow td {
	background: #FCFFC9;
	border-bottom-color: #EED328;
}
.week .today, .week tr.altRow .today {
	border-bottom-color: #eef1bd;
}
.calendar_big .dayNumber {
	font-size: 150%;
	color: #bbb;
	float: right;
}
.calendar_big td:hover .dayNumber {
	color: #333;
}
.eventDay {
	background: #f7fbff;
}

.blueTabs {
	border-bottom: 1px solid #e5eff8;
	margin-bottom: 10px;
	height: 25px;
	padding: 0 0 0 10px;
}
.blueTabs li {
	float: left;
}
.blueTabs a {
	display: block;
	font-weight: normal;
	height: 24px;
	line-height: 22px;
	margin: 0 5px;
	border: 1px solid #e5eff8;
	border-width: 1px 1px 0 1px;
	padding: 0 20px;
}
.blueTabs a:hover {
	background: url(../../../img/backgrounds/tableheader.gif) 0 0 repeat-x #f4f9fe;
}
.blueTabs a.selected {
	background: url(../../../img/backgrounds/tableheader.gif) 0 0 repeat-x #f4f9fe;
	font-weight: bold;
}
.blueTabs a.unselected {
	background: #fff;
	font-weight: normal;
}

/* Edit Files Page */
.fileEdit {
	border: 1px solid #e5eff8;
	width: 700px;
	margin: 0 auto 15px auto;
	padding: 20px;
}
.odd {
	background: #f7fbff;
}
.fileEdit .leftSide {
	float: left;
	width: 500px;
}
.fileEdit .thumb {
	float: right;
	width: 180px;
}
.fileEdit label {
	width: 140px;
}

.eg {
	font: 110% Calibri, Arial, sans-serif;
	font-style: italic;
	color: #666;
	margin: 2px 0;
}
.thickboxDiv, .shadowboxDiv, #advancedSearch {
	display: none;
}
#advancedClose {
	display: none;
}
#advancedSearch {
	float: left;
	width: 400px;
}
#advancedSearch label {
	display: block;
	float: left;
	width: 100px;
	line-height: 18px;
}
#advancedSearch select {
	width: 100px;
}
.alert {
	background: #fff6bf url(../../../img/icons/saved.png) 25px 50% no-repeat;
	text-align: left;
	padding: 20px 20px 20px 90px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #222;
	font-size: 120%;
}

.alert_info {
	margin-top: 5px;
	background: #cce5ff;
	text-align: left;
	padding: 5px;
	border: 2px solid #b8daff;
	color: #222;
	font-size: 120%;
}

.alert_warning {
	margin-top: 5px;
	background: #fff3cd;
	text-align: left;
	padding: 5px;
	border: 2px solid #ffeeba;
	color: #856404;
	font-size: 120%;
}

.dont_break_out {
	overflow-wrap: break-word !important;
  	word-wrap: break-word !important;
}

.form_error {
color:red;
display:inline;
}
.active .form_error {
color:red;
display:block;
float:left;
}
.form_must {
	display: inline;
	color: red;
}

#navTabs li.selected {
background:white none repeat scroll 0 0;
border-bottom-color:white;
}

.addbarMedia { height: 18px; }
.addbarMedia li, addbarMedia a { list-style-type: none; display: block; float: left; font-weight: normal; margin: 0; }
.addbarMedia a { border: 1px solid #e5eff8; background-color: #f7fbff; padding: 2px 10px 2px 25px; background-position: 10px 45%; margin: 0 5px 0 0; font-size: 8pt; }
.addbarMedia a:hover { background-color: #fcffc9; border: 1px solid #eed328; }
.addbarMedia a.mediaCancel:hover { background: url(../../../img/icons/delete_small.png) 16% 50% no-repeat #FBE3E4; }
.addbarMedia a.cancel:hover { background: #FBE3E4 none repeat scroll 0 0; border: 1px solid #FBC2C4; color: #D12F19; }
#searchTable .checkboxMedia { width: 15px; }
#searchTable .formFieldCluster { margin: 0 0 0 10px; }
#searchTable .mediaType { width: 100px; }
.mediaSearchResults { width: 810px; height: 250px; overflow-y: scroll; overflow-X: hidden; border-bottom: 1px solid #E5EFF8; border-top: 1px solid #E5EFF8; }
.addLinkTable input[type="text"] { border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE; border-style:solid; border-width:1px; color:#222222; font-size:10px; padding:2px; width:150px; }
.addLinkTable td { padding: 3px 3px 0 0; }
.addLinkTable input:focus { border: 1px solid #EED328; background: #FCFFC9; }
.addLinkTable select,
.addLinkTable input { border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; color: #222; font-size: 10px; padding: 2px; width: 150px; }

.mediaCancel {
background:transparent url(../../../img/icons/delete_small.png) no-repeat scroll 0 50%;
}

/**/
#ttLayoutBody {text-align:center; }
/*#ttLheadr	{margin-left:auto;margin-right:auto;padding:0; height:120px; background:#003366}*/
#ttLcontain {display:table;margin-left:auto;margin-right:auto;padding:0;background: url(../../../img/backgrounds/background-tabContainer.png) repeat-x 0 0 #fff;min-width: 980px; width:100%;}
#ttLright {display:table-cell;vertical-align:top;margin:0;min-height:600px;}
#navColumn {width:100%;}
#ttLLeft{display:table-cell;position:relative;width:200px;}
/*#ttLfootr {clear:both;margin-left:auto;margin-right:auto;height:40px; background:#003366;}*/
#maximizer			{ position: absolute; z-index: 999; margin-left:0; right:0; top:0; width:30px;}


.no-borders { margin: 0; padding: 0; border: none; }
#mwfWrapper .spaceRight { margin-right: 40px; }

#mwfWrapper { width: 800px; margin: 0 auto; overflow: auto; }
#mwfWrapper .mwfBlock { width: 375px; margin-bottom: 40px; border: 1px solid #BBBBBB; float: left; }
#mwfWrapper .mwfBlock h3 { margin: 0 5px 0 5px; }
#mwfWrapper .mwfBlock .moreArticles { text-align: right; margin: 0 5px 5px 0; }
#mwfWrapper .mwfBlock .moreArticles a { text-decoration: underline; }

#mwfWrapper .mwfBlock .listingTable td,
#mwfWrapper .mwfBlock .listingTable th { padding: 2px; }

.listingTable tr, td #read,
.listingTable tr.altRow td #read {text-align: right; font-weight: bold; padding-top: 10px; }

td.newArticle { background: #FFFFB0; }
td.approvedArticle { background: #AAFFAA; }
td.deniedArticle { background: #f97964; }

.warnings .warning_message { border: 1px solid #000000; height: 25px; background: #720000 url(../../../img/backgrounds/W3C/background-glass24.png); margin-bottom: 30px; 	}
.warnings .warning_message #icon { background: url(../../../img/icons/warning-icon45.png) no-repeat; height: 44px; width: 45px; float: left; margin-top: -10px; margin-left: -8px;}
.warnings .warning_message #text { font-weight: bold; color: #ffffff; font-size: 120%; padding-left: 65px; padding-top: 4px;}

.calendar { margin: 50px; width:900px; margin: 0 auto;}
.calendar #leftcalendar { float: left; width: 300px; margin: 0 auto; }
.calendar #middlecalendar {float: left; width: 300px; margin: 0 auto; }
.calendar #rightcalendar { float: left; width: 300px; margin: 0 auto; }
.calendar #calendarbox {color:#6a6a6a; text-align:center; border-bottom:#e3e3e3 solid 1px;font-size:11px;font-family:Arial, Helvetica, sans-serif}
.calendar .month { background-color: #bbbbbb; color: #414141; font-weight: bold; padding: 4px 0px; text-align: center;}
.calender td { width: 40px; }
.calendar .headerrow {text-transform: uppercase; text-align: center; background-color: #6a6a6a; color: #ffffff;}
.calendar .nogame { background-color: #fcfcfc; padding:7px 3px; font-weight: bold;}
.calendar .unscheduledgame { background-color: #880000; padding:7px 3px; font-weight: bold; color: #ffffff;}
.calendar .scheduledgame { background-color: #f5abbb; padding:7px 3px; font-weight: bold;}

.calendarlegend #unscheduledgame { height: 15px; width: 30px; background-color: #880000; border: 1px solid #000000;}
.calendarlegend #scheduledgame { height: 15px; width: 30px; background-color: #f5abbb; border: 1px solid #000000;}
.calendarlegend #nogame { height: 15px; width: 30px; background-color: #fcfcfc; border: 1px solid #000000;}

.calendarlegend { text-align: left; height: 25px; padding: 0; margin: 0 auto; line-height: 23px; width: auto; float: right; position: relative; margin-bottom: 55px;}
.calendarlegend ul { height: 25px; }
.calendarlegend li {float: right; line-height: 23px;}
.calendarlegend { display: block; line-height: 23px; height: 25px; padding: 0 10px 0 25px; background-position: 10px 45%; font-weight: normal; float: left; }

/*Roster Tables*/
.rownotselected { background-color: #fff; }
.rowselected { background-color: #FCFFC9; }

/*Merge Players*/

table.mergetablemain {
	border-width: 1px;
	border-spacing: 12px;
}

table.mergeTableMain thead tr th {
	font-weight: bold;
	padding: 5px;
}

table.mergetable {
	border-width: 1px;
	border-spacing: 12px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: #EEEEEE;
	padding: 10px;
}

table.mergetable td {
	padding: 5px;
}

table.mergetable th #deleteplayer_1, #deleteplayer_2 {
	padding: 15px;
}

table.mergetable th {
	text-align: left;
	font-weight: bold;
}

#landing {
	text-align: left;
}

#landing H1.title {
	font-size: 18pt;
	padding: 1ex 0 0 0;
	margin: 0 auto;
	width: 960px;
}

#landing HR {
	margin: 0 15px;
	padding-bottom: 14px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
	border-bottom: 14px;
}

#landing .container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#landing .newsbox H2 {
	background-color: lightGray;
	font: bold 18px Verdana,Arial,sans-serif;
	padding: 0.5ex 1ex;
}

/*#landing .buttons {
	text-align: center;
}
*/
#landing .buttons LI {
	width: 180px;
	height: 180px;
	display: inline-block;
	position: relative;
}

.legacyLink {
	position: absolute;
	top: 195px;
	height: auto !important;
}

#landing .buttons LI A {
	width: 180px;
	height: 180px;
	/*display: block;*/
}

#landing .newsbox {
	width: 480px;
	margin-top: 10px;
}

#landing .promos {
	width: 480px;
	margin-top: 10px;
	float: right;
}

#landing .promos DIV {
	float: left;
	margin-left: 10px;
}

#landing .downtime {
  background: url("/img/landing_alert_icon.png") no-repeat scroll 15px 5px #FFFF88;
  border: 1px solid #FFFFFF;
  font: bold 18px Verdana,Arial,sans-serif;
  margin-bottom: 10px;
  min-height: 108px;
  padding: 10px 15px 15px 158px;
}

#landing .downtime .alerttext {
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-top: 1em;
}

#landing .downtime IMG {
	vertical-align: middle;
	margin-right: 1em;
}

#landing .promo1 A { display: block; width: 230px; height: 180px; background: url("/img/landing/placeholder-promo1.png") repeat scroll 0 0 transparent; }
#landing .promo2 A { display: block; width: 230px; height: 180px; background: url("/img/landing/placeholder-promo2.png") repeat scroll 0 0 transparent; }

#kWrap	{text-align: justify}
#kWrap * {display: inline}
#stretch,
#kWrap a {display: inline-block}
#stretch {position: relative; width: 100%; height: 0}

.copyright {
border: 1px solid #DEDEDE;
border-top: 1px solid #EEE;
border-left: 1px solid #EEE;
color: #565656;
background: url(/img/icons/arrow_left.gif) no-repeat 10px 45% whiteSmoke;
padding: 5px 10px 6px 25px;
text-indent: 20px;
margin: 5px 10px 5px 0;
}

#addplayerButton {
border: 1px solid #DEDEDE;
border-top: 1px solid #EEE;
border-left: 1px solid #EEE;
color: #565656;
background: url(/img/icons/add.png) no-repeat 10px 45% whiteSmoke;
padding: 5px 10px 6px 25px;
margin: 5px 10px 5px 0;
}

.lsadmin2 {
	border-bottom: 4px solid #07f719;
}
.on_staging {
	background-color:rgb(0, 170, 170);
	border-bottom: 4px solid #ca1212;
	color: #000;
}

.on_aws_live {
	background-color: #232f3e;
	border-bottom:4px solid yellow;
	color:#ff9900;
}

.on_dev_live {
	background-color: #840f0f;
	border-bottom:4px solid yellow;
	color:#FFF;
}

.on_env {
	background-color: rgb(2, 107, 23);
	border-bottom:4px solid yellow;
	color:#afc3b8;
}
.htdev {
	font-size:17px;
	width: 33%;
	font-weight:bold;
}
.htdevenv {
	font-family: 'Impact';
	font-size: 1.70em;
	letter-spacing: .7em;
	text-align: center;
	text-shadow: rgb(46, 46, 46) 0px 4px 5px;
	color: rgb(217, 217, 217);
}

.htdevdir {
	float: right;
	text-align: right;
}
.htdevbranch {
	float: left;
	text-align: left;	
}
.htdeveloper {
	display: table;
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-family: courier;
	text-transform: uppercase;
}

.htdev-links {
  font-size:14px;
}

.htdev-links a {
  font-size:12px;
  color:yellow;
}

.playerTransferButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:16px;
	-moz-border-radius-topleft:16px;
	border-top-left-radius:16px;
	-webkit-border-top-right-radius:16px;
	-moz-border-radius-topright:16px;
	border-top-right-radius:16px;
	-webkit-border-bottom-right-radius:16px;
	-moz-border-radius-bottomright:16px;
	border-bottom-right-radius:16px;
	-webkit-border-bottom-left-radius:16px;
	-moz-border-radius-bottomleft:16px;
	border-bottom-left-radius:16px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#422c42;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:22px;
	line-height:22px;
	width:134px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
.playerTransferButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}
.playerTransferButton:active {
	position:relative;
	top:1px;
}

.playerAddButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#120b12;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:34px;
	line-height:24px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.playerAddButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.playerAddButton:active {
	position:relative;
	top:1px;
}

#playerTransferError {
	display: none;
	color: red;
	text-align: center;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}
#playerTransferError2 {
	display: none;
	color: red;
	text-align: center;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}

.playerTransferTable {
	background-color: #FFFFFF;
}

.playerTransferTable input[type="text"] {
	text-align:center;
	padding: 2px;
}

.playerTransferTable td {
	padding:2px;
	border-bottom: 1px solid gainsboro;
}

.playerTransferTable th {
	padding:2px;
	font-weight: bold;
}

.playerDataTable {
	background-color: #FFFFFF;
}

.playerDataTable td {
	padding:2px;
}

.playerDataTable th {
	padding:2px;
	font-weight: bold;
}

.playerDataTable .pushright {
	text-align: right;
}

.heavydark {
	font-weight: bold;
}

table.tablesorter thead tr .header {
		background-image: url(/img/icons/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(/img/icons/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(/img/icons/desc.gif);
}

.highlightSearchResult {
	padding: 0 0 0 0;
}

.highlightSearchResultBG {
	background-color: #FCFFC9;
	color: #000;
}


.video_source {
	display: none;
	border: 1px solid #A7A7A7;
	padding: 10px 10px 10px 10px;
}

.video_sourcePh {
	padding: 10px 10px 10px 10px;
}

.videoTd {
	padding: 10px 15px 0 0;
}

.videoTd.displayIt {
	background-color: #EEEEEE;
}
.video_source.displayIt {
	display: block;
}

.videoLink {
	background: url(../../../icon/mime/video.png) 0 50% no-repeat;
	padding: 1px 0 1px 20px;
}

.videoDate {
	font-style: italic;
	background: #EEEEEE;
}

.formTable {
	padding: 10px;
	border-spacing: 7px;
}
.formTable td, .formTable th {
	padding: 1px;
}
.formTable input[type="radio"] {
	width: 15px;
	padding-right: 5px;
}
.formTable td a {
	text-decoration: underline;
}

.fieldSetTitle {
	border: 1px solid #bed1df;
	-moz-border-radius: 15px;
		margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.fieldSetTitle legend {
	font-weight: bold;
	font-size: 12pt;
	padding:10px;
	color:#5D6F7E;
}

#file_controls {
	display: none;
}

#file_controls.displayIt {
	display: block;
}

.mergeTableMain {
	width: 100%;
}

.mergeTableMain td {
	padding: 5px;
	text-align: left;
}
.mergeTable {
	border: 1px solid #000;
}

.mergeTableMerged {
	border: 1px solid gray;
}

.mergeTable th {
	font-weight: bold;
	background-color: #EEEEEE;
	text-align: left;
	padding: 5px;
}

.mergePrimaryID {
	padding: 5px 0 10px 0;
}

.mergePrimaryIDHighlight {
	background-color: #FFFFB0;
}

.mergeErrorHeader th {
	background-color: #911f1a;
	color: #FFF;
}

.mergeToolMovedText {
	font-style: italic;
	color: gray;
}

.formError {
	border: 1px solid red;
}

.disableSection {
	opacity: 0.5;
	pointer-events: none;
}

.warningMessage {
	border: 3px solid;
	border-width: 3px 0;
	padding: 15px 15px 15px 65px;
	color: #444;
	margin: 10px 0;
	-moz-border-radius: 15px;

}

.warningMessage {
	background: url(/img/32warning.png) 15px 50% no-repeat #fff3cb;
	border-color: #e87e16;
}

.successMessage, .errorMessage, .infoMessage {
	border: 3px solid;
	border-width: 3px 0;
	padding: 15px 15px 15px 65px;
	color: #444;
	margin: 10px 0;
	-moz-border-radius: 15px;
}

.successMessage {
	background: url(/img/32accept.png) 15px 50% no-repeat #f1ffd4;
	border-color: #4a932d;
}

.errorMessage {
	background: url(/img/32error.png) 15px 50% no-repeat #ffd6d4;
	border-color: #911f1a;
}

.infoMessage {
	background: url(/img/32info.png) 15px 50% no-repeat #ebfbff;
	border-color: #3eb3c2;
}

#successInfoWindow, #errorInfoWindow {
	display:none;
}

.importOverlay {
	opacity: 0.5;
}

.importLoading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 27px;
  width: 150px;
  background-color: #FFF;
  border: 1px solid #000;
  text-align: center;
  padding: 20px;
  display:none;
}


.mediaKitTable td, .mediaKitTable th {
	padding: 5px;
}

.mediaKitTable th {
	background: url(tableheader.gif) 0 0 repeat-x #f4f9fe;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	padding: 0.3em 1em;
	color: #678197;
	border: 1px solid #e5eff8;
	border-width: 0 1px 1px 0;
}

.mediaKitTable td {
	text-align:center;
}

.mediaKitTable input[type="checkbox"] {
	width: 15px;
}
.mediaKitTable td a {
	text-decoration: underline;
}

/* MOBILE */

.mobile-content-area {}
.mobile-content-area h2 {
	margin-bottom: 0;
}
.mobile-back {
	font-size: 15px;
	padding: 0 0 10px;
	display: block;
}
.add-mobile-item {
	font-size: 15px;
	padding: 10px 0;
	display: block;
}
.mobile-content-area h4 {
	display: block;
	padding-bottom: 10px;
}
table.mobileTable {
	width: 800px;
	border: 1px solid #ddd;
	margin: 10px 0;
}
table.mobileTable th,
table.mobileTable td {
	padding: 4px;
	font-size: 14px;
}
table.mobileTableMain {
	width:800px;
	margin: 10px 0;
}
table.mobileTableMain td {
	padding: 2px 0;
	line-height: 30px;
	font-size: 14px;
	vertical-align: top;
}
table.mobileTableMain td p {
	margin: 0;
}
table.mobileTableMain th #deleteplayer_1, #deleteplayer_2 {
	padding: 15px;

}
table.mobileTableMain th {
	text-align: left;
	font-weight: bold;
}
table.mobileTableMain input[type="text"],
table.mobileTableMain select {
	width:400px;
	padding: 4px;
	box-sizing: border-box;
}
table.mobileHome {
	margin-top: 10px;
}
.mobileHome td a {
  color: #000;
  font-size:16px;
  text-transform: uppercase;
}

.mobileHome td a:hover {
  font-weight:bold;
  text-decoration: underline;
}

.mobileHome td {
  padding:5px;
  width:200px;
  text-align:center;
}

.error { color: #EE0000; font-weight: bold; }

.biggerHeader {
	font-size: 30pt;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	font-weight: bold;
}

.listingTable .formSuccess {
	border: 1px solid green;
	text-align:center;
}

.listingTable .formError {
	border: 1px solid red;
	text-align:center;
}

.seasonList {
	font-size:10px;
	padding-top:20px;
}

.seasonList a {
	font-size:10px;
	font-weight:normal;
	padding:5px;
	margin:2px;
}

.svfConfigBlocks {
	padding:10px;
	display:inline-block;
	border:1px solid Gainsboro;
	vertical-align: top;
	min-height:200px;
}

.label.label-success {
	font-size:100%;
}

.field-group-format-toggler-abstract {
	display: inline;
	cursor:pointer;
}
#rolesErrorContainer {
	display:none;
}
#rolesErrorContainerOverride {
	display:none;
	padding-top: 10px;
}
.addGenderRole {
	font-size:10px;
	text-decoration: underline;
	font-weight: normal;
}
.roleTable td {
	padding: 8px;
}
.roleTable select {
	width:200px;
}

.logTable						{ font: 9pt Calibri, Arial, sans-serif; border-spacing: 2px; width:800px;}
.logTable td                                      { font: 9pt; border: 1px solid #e5eff8; border-width: 0 1px 1px 0; padding:5px;}
.logTable th					{ font-size: 14px; color: #678197; border: 1px solid #e5eff8; padding:5px; border-width: 0 1px 1px 0; font-weight: bold; background: url(../../img/backgrounds/tableheader.gif) 0 0 repeat-x #f4f9fe;}
.logTable tr.altRow td			{ background: #f7fbff; }

td.alignMiddle {
	vertical-align: middle !important;
}
td ul {
	border-bottom: 1px solid #aaa;
}
td ul li {
	display: flex;
    align-items: center;
    justify-content: flex-start;
	padding: 3px 0;
}
td ul li input[type="checkbox"] {
	margin-right: 6px;
}

/* New login page */
.ht-login-page {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.ht-login-page h1 {
    font-size: 150%;
    margin: 20px 0px;
    font-weight: 600;
}
.ht-login-page .ht-login-container {
	width: 440px;
	margin: 0 auto;
	margin-top: 60px;
	padding: 16px 36px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	background-color: #d4d4d4;
	box-sizing: border-box;
}
@media screen and (max-width: 420px) {
	.ht-login-page .ht-login-container {
		width: 300px;
		padding: 10px;
		margin-top: 20px;
	}
}
.ht-login-logo {
	padding: 20px;
}
.ht-signinTitle {
	text-align: center;
	font-size: 28px;
}
.ht-login-form {
	display: block;
	margin: 6px;
}
.input-container {
	display: inline-block;
	width: 100%;
	padding: 2px;
	margin: 10px 0 0 0;
}
.input-container label {
	display: block;
	margin-bottom: 4px;
	font-size: 20px;
	text-transform: capitalize;
}
.ht-input {
	margin-top: 0;
	background: none;
	padding: 2px 4px;
	border-width: 1px;
	border-color: #585858;
	line-height: 1;
	height: 30px !important;
	border-radius: 2px;
	border-style: solid;
	width: 100%;
	box-sizing: border-box;
}
input.ht-input {
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	background-color: #fff;
}
input::placeholder,
::-webkit-input-placeholder {
	font-weight: 400;
	color: #a5a5a5;
	text-transform: capitalize;
}
::-moz-placeholder {
		opacity: 1;
}
.placeholder {
	font-weight: 400 !important;
	color: #a5a5a5 !important;
	text-transform: capitalize;
}
.input-container-buttons {
	display: inline-block;
	width: 100%;
	padding: 2px;
	margin: 10px 0 10px 0;
	text-align: center;
}
.ht-button {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	width: 100%;
	border-radius: 3px;
	box-sizing: border-box;
	outline: none;
	border: 0;
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 36px;
	min-height: 36px;
	min-width: 88px;
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	cursor: pointer;
}
.ht-btn-color {
	background-color: #00a000;
	color: #fff;
	border: none;
}
.ht-button:hover {
	background-color: #009800;
}
.ht-link-color {
	font-weight: 400 !important;
	color: #000;
	text-decoration: underline;
}
.ht-link-color:hover {
	color: #00a000;
}
.ht-error {
	color: #e00000;
	text-align: left;
	font-size: 16px;
	line-height: 1.5;
	margin: 18px 0 0;
}
.ht-login-page img#lang_id {
	vertical-align: middle;
}
.ht-login-page select#lang_id {
}
.ht-login-logo img {
	max-width: 100%;
	width: 100%;
}
.legacy-login-box {
    position: fixed;
    bottom: 40px;
    right: 20px;
    display: table;
    color: #262626;
    background-color: #fff;
    padding: 20px;
    font-size: 13px;
    z-index: 100;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    box-shadow: 0 2px 3px rgba(0,0,0,0.55);
    border: 1px solid #c0c0c0;
}
.legacy-login-row {
	display: table-row;
}
.legacy-login-cell {
	display: table-cell;
}

.mobileTableMain input:read-only { background-color: #F1F1F1; }
.saveRowButton { cursor: pointer; }

td.content-k {
    padding: 3px;
}

.roster-buttons {
	width: 900px;
	text-align: center;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
	height: 24px;
	padding: 0 6px;
	min-width: 60px;
	cursor: pointer;
}
/* input[type="text"],
input[type="number"] {
	height: 20px;
} */
.signoffSST table {
	width: 100%;
}
.signoffSST table th.center,
.signoffSST table td.center {
	text-align: center;
}

.bulkOpError {
    display: inline-block;
	font-weight: bold;
	color: red;
}

.bulkOpSuccess {
    display: inline-block;
	font-weight: bold;
	color: green;
}

#clearMsgsBtn {
	background-color: #f0f7fe !important;
}

.bulk-ops-msg-block {
	background-color: #EEEEEE;
	padding: 3px;
}

.bulk-ops-clear-block {
	background-color: #f0f7fe;
	padding: 3px;
	width: 100px;
	text-align: center;
}

#bulk-operations-bar {
	margin-top: 5px;
	margin-bottom: 5px;
}

.mdc-linear-progress {
	--mdc-theme-primary: green;
}

.msgButton {
	border: 2px solid #000000 !important;
	padding: 7px !important;
}

.suspendbutton {
	cursor: pointer;
}

div.reportsLineupPDFs h4 {
	margin-top: .8rem;
}
.reportsLineupPDFs h3 {
	font-weight: 600;
}
.reportsLineupPDFs form {
	min-width: 400px;
	max-width: 600px;
	margin-bottom: 20px;
}
.reportsLineupPDFs label {
	display: block;
	padding: 4px 0;
}
.reportsLineupPDFs select {
	display: block;
	width: 100%;
}
.reportsLineupPDFs .formControlsDouble {
	display: flex;
	flex-direction: row;
	width: 100%;
}
.reportsLineupPDFs .formControlsDouble > div {
	margin-right: 10px;
}
.reportsLineupPDFsData {
	min-width: 800px;
}
table#toi {
	font-size: 12px;
	margin: .6rem 0;
	width: 100%;
	border-collapse: collapse;
}
table#toi thead th {
	background-color: #dcdcdc;
	font-weight: 600;
}
table#toi th.playerName {
	font-size: 16px;
	color: #fff;
	background-color: #000;
}
table#toi thead tr th, #toi tbody tr td, #toi tfoot tr td  {
	border: 1px solid #000000;
	padding: .5rem;
	text-align: center;
}

table#toi td.total-separator {
	background-color: #726f6f;
}

table#toi th {
	color: #000;
}
table.ptTable {
	width: 100%;
}
table.ptTable tbody tr:nth-child(even) {
	background: #f0f0f0;
}
table#toi tfoot {
	background-color: #dcdcdc;
}
table#toi tfoot td {
	font-weight: 600;
}
table.listingTable tr.changelogRow td {
	vertical-align: top;
}
.LSMultiSelect {
	min-width: 280px;
	min-height: 200px;
	padding: 4px;
}
.LSMultiSelectHint {
	font-size: 11px;
	color: #666;
}