/* Search for "Club red" */
/* Search for "Club red" */
/* Search for "Club blue" */
/* In Blades.css,boxes.css,slideshow.css,animations.css */

html,body {
	height:100%;
}
body {
	font-family: 'Droid Sans', Verdana, Helvetica, sans-serif;
}
.OnlyShowInMobile {
	display:none;
}
.BodyClass {
	background-image:none;
	background-size:100% auto;
 }
.Page {
	width:1000px;
	background-color:white;
	padding:0px;
	margin:auto;
}
div#Page {
	min-height:80%;
	vertical-align:top;
	margin:auto;
	/* box-shadow: 10px 10px 10px hsla(240,0%,0%,.5); */
}	
div#SSContent {
	padding-left:5px;
	min-height:80%;
	vertical-align:top;
	margin:auto;
}
div#LogoBar {
	height:100px;
	width:100%;
/*	background-image:url('images/Blades-mainbanner.jpg');
	background-position:left top;
	background-repeat:repeat-x;	*/
}
div#Logo {
	background-image:url('../images/Blades-logo-2011.png');
	background-position:center;
	background-repeat:no-repeat;
	height:112px;
	width:267px;
	margin:auto;
	position:relative;
	top:10px;
	display:none;
}
div#Logo:hover:after {
content: "Weston Park Blades Home Page";
  position: relative; 
  padding: 10px;
  width: 120px;
  text-align: center;
  font-weight:bold;
  text-decoration:underline;
  height: auto;
  top: 20px;
  left: 20px;
  background: blue;
  opacity:.8;
  border-radius:10px;
  border:2px #e6e6e6 solid;
  box-shadow: 5px 5px 5px hsla(240,0%,0%,.3);
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;    
  color: white;
  font-size: .86em;
  z-index:999;
}

div#WelcomeBar {
	font-size:8pt;
	color:black;
	margin:auto;
	width:400px;
	padding-top:12px;
	text-align:center;
	font-style:italic;
	display:none;
}
div#Tagline {
	font-size:1.2em;
	text-align:center;
	text-transform:uppercase;
	color:#131eee;/* Club blue */
	margin-top:10px;
}
div#Establishedline {
	font-size:1em;
	text-align:center;
	text-transform:uppercase;
	color:#131eee;/* Club blue */
	margin-top:-5px;}
div#ClubName {
	margin-top:-5px;
	text-align:center;
	color:#ff0000; /* Club red */
	font-weight:bold;
	font-size:4em;
}
div#ClubName .blue {
	color:#131eee; /* Club blue */
}
div#MenuBar {
	height:35px;
	overflow:hidden;
	border-top: 2px #ff0000 solid; /* Club red */
	border-bottom: 2px #bbb solid;
	width:100%;
}
div#PageContent {
	width:990px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	padding-top:10px;
	overflow:auto;
	display:table-cell;
	vertical-align:top;
}
div#Footer {
	position:relative;
	text-align:left;
	height:125px;
	clear:both;
}
div#LogoLinks {

}
div#Breaker {
	height:5px;
	background-color:#666;
	width:100%;
}
div#Webmaster {
	text-align:left;
	background-color:#e6e6e6;
	color:#555555;
	overflow-x:hidden;
}
div#ContextArea {
	min-height:20px;
	max-width:990px;
	width:99%;
	overflow-x:auto;
	margin:auto;
	margin-top:5px;
	padding-top:5px;
	font-size:11px;
	color:grey;
	text-align:right;
}
div#MessageBox {
	min-height:20px;
	width:99%;
	max-width:990px;
	overflow-x:auto;
	margin:auto;
	margin-top:5px;
	padding-top:5px;
}
.Error,.Warning,.Information,.Debug,.Calling,.Time,.Webmaster
{
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size:16px 16px;   
	font-weight:bold;
	padding-left:30px;
    background-position: left top;
}
.Error {
   background-color: #ffb2b2;
   color: #ff0000;  /* Club red */
   background-image: url('../images/error.jpg');
}
.Warning {
   color:#ff9933;
   background-color: #ffffcc;
   background-image: url('../images/warn.jpg');
}
.Webmaster {
   color:#ff9933;
   background-color: #ffffcc;
   background-image: url('../private/selfservice/debug.jpg');
}
.Guidance {
	color: blue;
	font-weight:bold;
}
.Consent {
	color: #ff0000; /* Club red */
	font-weight:bold;
	font-style:normal;
}
.Information {
   # background-color: rgb(236, 255, 216);
   color: blue;
   background-image: url('../images/info.jpg'); 
}
.Debug {
	background-color: #e6e6e6;
	color:darkgray;
	background-image: url('../images/debug.jpg');
}
.Time {
	background-color: white;
	color:darkgray;
	background-image: url('../images/debug.jpg');
}
.Calling {
	color:green;
	background-image: url('../images/call.jpg');
}
body,div,p,table,tr,td,b {
	font-size:13px;
	text-decoration:none;
}
td [onclick],tr[onclick],div[onclick],img[onclick],a input [type="button"],input[type="button"] {
	cursor:pointer;
}
span {
	font-size:inherit;
}

.SelectedRow {
	background-color:#e6e6e6;
	color:#131eee; /* Club blue */
}
.HighLightRow:hover {
	background-color:#e6e6e6;
	color:#131eee; /* Club blue */
}
/* Tables which become blocks in mobile */
.FlexTable { display:table;}
.FlexTable .FlexRow {display:table-row;vertical-align:top;padding-top:2px;width:100%;}
.FlexTable .FlexCell {display:table-cell;padding-top:10px;padding-left:20px;width:49%;}
.FlexTable .FlexCell:first-of-type  {padding-left:0px}

.MenuBox {height:80px;width:150px;border:none;text-align:center;}
/* Selfservice Field Tables -- displayed as Divs so we change in mobile */
.SSCreEdPrompt {float:left;}
.ButtonHolder {float:left;white-space:nowrap;}
.ssfieldTable {display:table;}
.ssfieldRow {display:table-row;vertical-align:top;padding-top:2px;}
.ssfieldLabel {display:table-cell;padding-top:2px;font-weight:bold;vertical-align:top;	padding-left:5px;padding-right:5px;}
.ssfieldInput {display:table-cell;padding-top:2px;}

/* Selfservice List Columns -- so we can hide some columns in wide lists on iPhone */
.ListTable {clear:both;float:left}
.ssNavigation {white-space:nowrap;display:table-row;vertical-align:top;}
.ssNavInput {display:table-cell;float:left;vertical-align:top;}
.ssNavLabel {display:table-cell;font-weight:bold;padding-left:5px;padding-right:5px;float:left;vertical-align:bottom;}
.ssNavSearchLabel {display:table-cell;font-weight:bold;padding-left:5px;padding-right:5px;float:left;vertical-align:bottom;}
.sslistAlways {}
.sslist {}
.sslistNotMobile {}
.sslistNotMobilePortrait {}

.TextInput,input[type="text"],input[type="password"],input[type="file"],input[type="checkbox"],textarea
{
	border-width: 2px;
	background-color:#FFFFB8;
	border-inset:inset;
	focus:
}
input:focus {
    border:2px solid green;
    background-color:#FFFF00;
}
.readonly {
	border-width: 2px;
	background-color: #e6e6e6;
	border:2px solid #cccccc;
	min-height:20px;
	padding-left:5px;
}
.mceContentBody {
	background-color:#FFFFB8;
}
input[name*="Postcode"]
{
	text-transform:uppercase;
}
input[readonly],input[readonly="readonly"] 
{
	border:0;
	background-color: #e6e6e6;
}
.FieldInError {
	background-color:#ff0000;  /* Club red */
	color:white;  /* Club red */
}
input[type="button"]
{
	background-color:red;
	color:white;
	font-weight:bold;
		-webkit-border-top-left-radius:7px;
	-moz-border-radius-topleft:7px;
	border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topright:7px;
	border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	border-bottom-left-radius:7px;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:21px;
	width:auto;
	margin-top:3px;
}
input[type="button"]:hover
{
	color:red;
	background-color:#cccccc;
}
input[type="button"]:active {
	position:relative;
	top:1px;
}
.ActionFlag {
	border:none;
	height:16px;
	min-width:16px;
	width:auto;
}
.ActionFlag:hover
{
	position:relative;
	top:1px;
	left:1px;
	box-shadow:0px 0px 1px 1px #999;
}
.EmailImage {
	box-shadow:1px 1px 0px 0px #999;
}
.EmailImage:hover {
	position:relative;
	top:1px;
	left:1px;
	box-shadow:1px 1px 0px 0px #999;
}
img[class=Picture] {
	padding: 3px 3px 9px 3px;
	margin-right:5px;
	background: #fff;
	box-shadow:3px 6px 8px -4px #999;
	border:1px solid #e8e8e8;
	border-radius:5px;
}
img[src*="images/upd"],img[src*="images/hot"] {
	border:none;
	width:12px;
	height:12px;
} 
img[src="edit.gif"],img[src="delete.gif"],img[src="additem.gif"] {
	border:none;
	width:20px;
	height:20px;
} 
img[src*="images/cal.gif"] {
	border:yellow 2px solid;
}
img[src*="images/register.png"] {
	border:none;
	width:60px;
	height:60px;
}
select {
	font-size:10pt; 
	color: #314781;
	background-color: #FFFFB8;
	border-top-width: 1px;
}
a {
	text-decoration:none;
}
div#ConfirmBG {
	position:fixed;
	top:0px;left:0px;
	width:100%;
	height:100%;
	background-color:#e6e6e6;
	visibility:hidden;
	z-index:200;
	filter:alpha(opacity=30);
	opacity:0.3;
}
div#ConfirmBGPayPal {
	position:fixed;
	top:0px;left:0px;
	width:100%;
	height:100%;
	background-color:#e6e6e6;
	visibility:hidden;
	z-index:200;
	filter:alpha(opacity=30);
	opacity:0.3;
}
div#ShowWorkingPayPal {
	position:absolute;
	top: 50%;     margin-top:  -30px;
	left: 50%;    margin-left: -30px;
	height:60px;
	width:60px;
	background-color:#bbbbbb;
	visibility:hidden;
	z-index:201;
}

div#ShowWorking {
	position:absolute;
	top: 50%;     margin-top:  -30px;
	left: 50%;    margin-left: -30px;
	height:60px;
	width:60px;
	background-color:#bbbbbb;
	visibility:hidden;
	z-index:201;
	filter:alpha(opacity=80);
	opacity:0.8;
}
div#SSImagePreviews {
	width:160px;	
}
div#ConfirmPopup {
	position: absolute;
	width:200px;
	height:150px;
	top:35%;
	margin-top: -75px;
	left:50%;
	margin-left: -100px;
	border:solid black 1px;
	background-color:white;
	visibility:hidden;
	z-index:1201;
	border-radius: 5px 5px 0px 0px;
}
div#CalendarAvailability {
	position:absolute;
    top: 50%;     margin-top:  -100px;
    left: 50%;    margin-left: -100px;	
	width:200px;
	height:150px;
	border:solid black 1px;
	background-color:white;
	visibility:hidden;
	z-index:201;
	border-radius: 5px 5px 0px 0px;
}
div#CalendarAvailabilityTitle {

}
div#CalendarAvailabilityClose {
	float:right;
	overflow:visible;
}
div#CalendarAvailabilityBlock {
	clear:both;
}

div#CalendarAddActivity {
	position:absolute;
    top: 50%;     margin-top:  -100px;
    left: 50%;    margin-left: -125px;	
	width:250px;
	height:175px;
	border:solid black 1px;
	background-color:white;
	visibility:hidden;
	z-index:201;
	border-radius: 5px 5px 0px 0px;
}

div#CalendarAddActivityClose {
	float:right;
	overflow:visible;
}
div#CalendarAddActivityBlock {
	clear:both;
}

div#DatePicker {
    position: absolute;
    top: 50%;     margin-top:  -105px;
    left: 50%;    margin-left: -150px;
	width:300px;
	height:210px;
	border:solid black 1px;
	background-color:white;
	z-index:300;
	visibility:hidden;
	border-radius: 5px 5px 5px 5px;
}
div#DatePickerTitle {
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
div#DatePickerClose {
	display:table-cell;
	float:right;
	clear:right;
}

div#Add_To_ELOV_Popup {
    position: absolute;
    top: 50%;     margin-top:  -100px;
    left: 50%;    margin-left: -150px;
	width:300px; 
	height:120px;
	border:solid black 1px;
	border-radius: 5px 5px 5px 5px;
	background-color:white;
	z-index:201;
	visibility:hidden;
}
/*
a[mine] {
	color:#ff0000; /* Club red */
	font-weight:bold;
}
*/
.nodec    {text-decoration:none;} 
.tabber{display:none;}
.Title {
	text-align:center;
	text-transform:uppercase;
	font-size:2em;
	margin-top:10px;
	margin-bottom:20px;
	color:#ff0000; /* Club red */
}
.EventTitle {
	text-align:left;
	text-transform:uppercase;
	font-size:2em;
	margin-top:10px;
	margin-bottom:20px;
	color:#ff0000; /* Club red */
}
.Content {
	color:black;
	width:auto;
	margin:auto;
}
.CalBirthday {
	font-weight:bold;
	color:red;
	height:20px;
}
.Birthday {
	text-align:center;
	margin:auto;
	width:100%;
	height:40px;
	font-size:2.5em;
	font-weight:bold;
	text-align:center;
	background-image: url('../images/Birthdays/party-hat.jpg');
    background-repeat: repeat-x;
	background-size: auto 60px; 
	vertical-align: text-bottom;
	color:red;
	padding-top:20px;
	text-shadow:0px 0px 0 rgb(134,-121,-121),1px 1px 0 rgb(62,-193,-193),2px 2px 0 rgb(-10,-265,-265), 3px 3px 0 rgb(-82,-337,-337),4px 4px 3px rgba(0,0,0,0.85),4px 4px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);
}

.SubTitle {
	color:black;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;	
}
.Kudos {
	color:red;
	font-weight:bold;	
	font-size:1.1em;
	text-align:center;
	margin:auto;
}
.Cancelled {
	font-weight:bold;
	color:red;
}
.std10 { 
	font-size:13px;
	text-decoration:none;
}
.std11 { 
	font-size:13px;
	text-decoration:none;
}
.std12 { 
	font-size:14px;
	text-decoration:none;
}
.gray11 {
	font-size:11pt;
	color:#222222;
	font-weight:bold;
}
.silver10 {
	font-size:10pt;
	color:#636363;
}
.silver11 {
	font-size:11pt;
	color:#636363;
}
.silver12 {
	font-size:12pt;
	font-weight:bold;
	color:#636363;
}
.ClubLinks {
	font-size:8pt;
	color:#636363;
	margin-top:7px;
}
.albumborder {
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #888888;
}
.headline {
	font-size:10pt;
	text-decoration:none;
	color:#314781;
	font-weight:bold;
}
.Centre {
	margin:auto;
	width:auto;
	text-align:center;
}
.Centre .Box {
	margin:auto;
}
.Box,.Box td {
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #888888;
}
.Box td {
	padding-left:2px;
	padding-right:2px;
	text-align:left;
}
.Box .BoxRight {
	text-align:right;
}
.Box .BoxCenter {
	text-align:center;
}
.NoBox, .NoBox td {
	border:none;
}
.Box tr#TitleRow,.Box tr#TitleRow td,.Box tr#TitleRow th  {
	background-color:#e6e6e6;
	font-weight:bold;
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #888888; 	
}
.BoxTitle {
	width:100%;
	border-bottom-style: solid;
	border-bottom-width:1px;
	border-color: #888888;
	text-indent: 5px;
	text-decoration:none; 
	font-size:13px;
	color:#e6e6e6;
	background-color: #ff0000; /* Club red */
	background-image:linear-gradient(hsla(352, 96%, 53%, .8),hsla(0, 0%, 100%, 0) 30px);	
	border-radius: 5px 5px 0px 0px;
}
.BoxTitle a {color:#ffffff;}
.BoxTitle body {color:#ffffff;}
.BoxContent {
	border-collapse: collapse;
	margin-left:1px;
	margin-right:2px;
	text-indent: 0px;
	vertical-align: top;
	text-decoration:none; 
	font-size:13px;
}

.AlbumTitle {
	background-color: #314781;
	width:100%;
	border-bottom-style: solid;
	border-bottom-width:1px;
	border-color: black;
	text-indent: 5px;
	font-weight: bold;
	text-decoration:none; 
	color: white;
	font-size:14px;
	height:25px;
}

.UnderLine,.PageTitle {
	width:100%;
/*	border-bottom-style: solid;
	border-bottom-width:1px;
	border-color: black; */
	text-indent: 5px;
	font-weight: bold;
	text-decoration:none; 
	text-align:left;
	color: #131eee; /* Club blue */
	font-size:14px;
}
.PageTitle {
	margin-bottom:10px;
}
.BoxBottom {
	width:100%;
	border-bottom-style: solid;
	border-bottom-width:1px;
	border-color: black;
	height:5px;
}
.RightBorder {
	border-right-style: solid;
	border-right-width:1px;
	border-color: black;
}
.LgeTable {
	border-collapse: collapse;
	border-width:1px;
	border-style: solid;
	border-color: #e6e6e6;
	margin-left:1px;
	margin-right:1px;
	text-indent: 2px;
	vertical-align: top;
	text-decoration:none; 
	font-size:10pt;
}
.squadtable body {color:red;}
.squadtable {
	border-collapse: collapse;
	border-width:1px;
	border-style: solid;
	border-color: #888888;
	border-radius: 10px;
}
.searchInput {
	height:21px;
	background:url(../images/searchLeft.gif) no-repeat #fff;
	border:0px solid #fff;
	padding-left:23px;
	margin:0px;
	outline:0;
	font-size:10pt;
}
/* News -------------------------------------------- */
.NewsWithImage {
	clear:both;
	width:100%;
}
.NewsWithImage .NewsImage {
	clear:left;
	float:left;
	width:33%;
	padding-right:15px;
}
.NewsWithImage .EventImage {
	clear:right;
	float:right;
	width:33%;
	padding-left:15px;
	text-align:right;
}
.NewsWithImage .AppImage {
	padding-right:15px;
	width:40px;
	height:40px;
	position:relative;
}
.NewsWithImage .AppImage:hover {
	top:-1px;
	opacity:1;
}
.NewsWithImage .ActionDone {
	clear:both;
	clear:right;
	width:100%;
	text-align:right;
}
.NewsWithoutImage {
	float:left;
	width:47%;
	padding-right:2%;
}
.NewsText {
	width:auto;
	font-size: 14px;
}
.ActionText {
	width:auto;
	font-size: 14px;
	position:relative;
	left:50px;
	top:-40px;
	margin-right:50px;
}
.NewsText .Headline,.NewsWithoutImage .Headline ,.NewsWithImage .Headline{
	text-align:left;
	font-weight: bold;
	text-decoration:none; 
	text-align:none;
	color: #131eee; /* Club blue */
	font-size:14px;
}
.NewsWithImage .NewsImage  img {
	padding: 3px 3px 9px 3px;
	margin-right:5px;
	background: #fff;
	box-shadow:3px 6px 8px -4px #999;
	border:1px solid #e8e8e8;
	border-radius:5px;
}
.NewsDivider {
	clear:both;
	width:100%;
	border-bottom:1px solid #b5b5b5;
	height:5px;
	margin-bottom:5px;
}
div#newsitem {
	padding-left:10px;
	padding-right:20px;
	text-align:justify;
	text-justify:newspaper;
	box-shadow: 5px 5px 5px hsla(240,0%,0%,.3);
	border: 2px solid #DDD;
	border-radius:10px; 
	width:95%;
	margin:auto;
	padding-top:20px;
	margin-top:20px;
}
.News-Holder { }
.News-Box {color:#fff; float: left; width: 48%; min-width:140px; max-width:230px; height: 170px; margin: 1% 1% 1% 1%; position: relative; overflow: hidden;}
.News-Box a { color: #fff; text-decoration:none; }
.News-Box .News-Image { height: 120px; }
.News-Box .News-Image img { min-width:50px; width: 100%; height: auto; border:none;display:block;margin: 0 auto;}
.News-Box .News-Text { color:#fff;padding: 6px 10px; position: absolute; bottom: 0; width: 98%; height: 50px;background-color:inherit; }
.News-Box .Album-Text { color:#fff;padding: 6px 10px; position: absolute; bottom: 0; width: 98%; height: 50px;background-color:inherit; }
.News-Box .NoImage { padding: 6px 10px; position: absolute; bottom: 0; width: 98%; height: 158px;  }
.News-Box .News-Text .News-Headline,
.News-Box .Album-Text .News-Headline { color:white;font-size: 13px; line-height: 1em; margin-bottom: 5px; margin-right:5px;font-weight: bold; text-transform: uppercase; }
.News-Box .News-Text .News-Headline,
.News-Box .Album-Text .News-Headline a {color:white;}
.News-Box .News-Summary { margin-top: 100px; margin-right:5px;padding-right:5px;}
.News-Box .NoImage .News-Summary { margin-top: 0; }
.News-Box .News-Summary p { text-transform: none; line-height: 1.2em; margin-bottom: 10px; margin-right:5px;}
.News-Box:not(.nohover):hover .News-Text { height: 158px; }
.News-Box:not(.nohover):hover .NoSummary .News-Text { height: 50px; }
.News-Box:not(.nohover):hover .News-Summary { margin-top: 0; }
.News-Box a:hover { color: #fff; text-decoration:underline; }
.News-Box .News-Text, .News-Box .News-Summary { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.News-Box:nth-of-type(8n+7) ,
.News-Box:nth-of-type(8n+5) ,
.News-Box:nth-of-type(8n+2) ,
.News-Box:nth-of-type(8n+4) {background-color:#ff0000; /* Club red */}
.News-Box:first-of-type ,
.News-Box:nth-of-type(8n) ,
.News-Box:nth-of-type(8n+6) ,
.News-Box:nth-of-type(8n+3) ,
.News-Box:nth-of-type(8n+1)  {background-color:#131eee;/* Club blue */}
/* Players -------------------------------------------- */
.Player-Holder { }
.Player-Box {color:#fff; float: left; width: 140px; min-width:140px; max-width:140px; height: 170px; margin: 1% 1% 1% 1%; position: relative; overflow: hidden;}
.Player-Box a { color: #fff; text-decoration:none; }
.Player-Box .Role-NoImage {margin-right:10px;margin-left:0px;display:table-cell;}
.Player-Box .Role {display:table-cell;padding-left:10px;padding-right:10px;}
.Player-Box   .Role-NoImage {display:table-cell;padding-left:0px;padding-right:5px;}
.Player-Box .Player-Image { height: 145px; }
.Player-Box .Player-Image img { min-width:50px; width: 75%; height: auto; border:none;display:block;margin: 0 auto;margin-top:5px;}
.Player-Box .Player-Text { color:#fff;padding: 6px 10px; position: absolute; bottom: 0; width: 98%; height: 25px;background-color:inherit; }
.Player-Box .NoImage { padding: 6px 10px; position: absolute; bottom: 0; width: 98%; height: 158px;  }
.Player-Box .Player-Text .Player-Name { min-height:25px;color:white;font-size: 13px; line-height: 1em; margin-bottom: 5px; margin-right:10px;font-weight: bold; text-transform: uppercase; }
.Player-Box .Player-Text .Player-Name a {color:white;}
.Player-Box .Player-Summary { margin-top: 100px; margin-right:5px;padding-right:5px;}
.Player-Box .NoImage .Player-Summary { margin-top: 0; }
.Player-Box .Player-Summary p { text-transform: none; line-height: 1.2em; margin-bottom: 10px; margin-right:5px;}
.Player-Box:not(.nohover):hover .Player-Text { height: 158px; }
.Player-Box:not(.nohover):hover .NoSummary .Player-Text { height: 50px; }
.Player-Box .Player-Text, .Player-Box .Player-Summary { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.Player-Box:not(.nohover):hover .Player-Summary { margin-top: 0; }
.Player-Box a:hover { color: #fff; text-decoration:underline; }
.Player-Box:nth-of-type(12n) {background-color:#131eee; /* Club blue */}
.Player-Box:nth-of-type(12n+1)  {background-color:#131eee;/* Club blue */}
.Player-Box:nth-of-type(12n+2) {background-color:#ff0000; /* Club red */}
.Player-Box:nth-of-type(12n+3)  {background-color:#131eee;/* Club blue */}
.Player-Box:nth-of-type(12n+4) {background-color:#ff0000; /* Club red */}
.Player-Box:nth-of-type(12n+5)  {background-color:#131eee;/* Club blue */}
.Player-Box:nth-of-type(12n+6)  {background-color:#ff0000;/* Club red */}
.Player-Box:nth-of-type(12n+7) {background-color:#ff0000; /* Club red */}
.Player-Box:nth-of-type(12n+8)  {background-color:#131eee;/* Club blue */}
.Player-Box:nth-of-type(12n+9) {background-color:#ff0000; /* Club red */}
.Player-Box:nth-of-type(12n+10)  {background-color:#131eee;/* Club blue */}
.Player-Box:nth-of-type(12n+11)  {background-color:#ff0000;/* Club red */}
/* Resources -------------------------------------------- */
.Resouces-Holder {}
.Resouces-Holder .Resource {padding:5px 0;}
.Resouces-Holder .Resource  .Resource-Headline{font-weight:bold;}
.Resouces-Holder  .Resource .Resource-Preview{}

/* Videos -------------------------------------------- */
.Video-Holder {}
.Video-Box {}
.Video-Text {}
.Video-Name {font-weight:bold;}
.Video-Name a {}
.Video-Summary {}
/* Shop -------------------------------------------- */
.ShopQuantityPicker {float:left;width:20%;}
.ShopItemDesc {width:50%;float:left;}
/* Calendar Picker  -------------------------------------------- */
.Month {color:blue;font-weight:bold;}
.Day   {color:blue;background-color:#e6e6e6;text-align:center}
.Today {color:blue;background-color:PaleGreen;text-align:center;}
.Selected {color:blue;background-color:Plum;text-align:center;}
.DayBody {background-color:#f2f2f2;height:100px;height:auto;min-height:100px;max-height:150px;overflow-y:auto;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.DayBodyWeek {background-color:#f5f5f5;height:auto;min-height:100px;overflow-y:auto;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.DayDetail {font-size:14px;}
.CalEntry {text-indent:-22px;margin-left:12px;padding-left:10px;}
.MenuBox {
	height:80px;
	width:150px;
	border:none;
	text-align:center;
	vertical-align:bottom;
}
.MenuBox:hover {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.MenuBox .MenuImageAndText {
	position:relative;
}
.MenuBox .MenuImageAndText:hover {
	top:-1px;
	opacity:1;
	box-shadow: 3px 5px 5px hsla(240,0%,0%,.3);
	-moz-box-shadow: 3px 5px 5px hsla(240,0%,0%,.3);
	-webkit-box-shadow: 3px 5px 5px hsla(240,0%,0%,.3);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#f1f1f1;
}
.calendar-Mobile {display:none;}
.FloatRight {float:right;}
.FloatLeft {float:left;}
.calendar{ 
	margin:.25em 10px 10px 0;
	padding-top:5px;
	width:80px;
	height:100%;
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); 
	background: -moz-linear-gradient(top,  #ededef,  #ccc); 
	font:bold 30px/60px Arial Black, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#ff0000; /* Club red */
	text-shadow:#f00 0 1px 0;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	position:relative;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
	}
.calendar .day{
	display:block;
	font:normal bold 11px/30px Arial, Helvetica, sans-serif;
	text-shadow:#00365a 0 -1px 0;	
	height:12px;
}
.calendar .month{
	display:block;
	font:normal bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:#00365a 0 -1px 0;	
	background:#131eee;/* Club blue */
	background:-webkit-gradient(linear, left top, left bottom, from(#131eee), to(#131eee)); /* Club blue */
	background:-moz-linear-gradient(top,  #131eee,  #131eee); /* Club blue */
	-moz-border-radius-bottom-right:3px;
	-webkit-border-bottom-right-radius:3px;	
	border-bottom-right-radius:3px;
	-moz-border-radius-bottom-left:3px;
	-webkit-border-bottom-left-radius:3px;	
	border-bottom-left-radius:3px;	
	border-top:1px solid #00365a;
	vertical-align:top;
	height:20px;	
}
.calendar:before, .calendar:after{
	content:'';
	float:left;
	position:absolute;
	top:5px;	
	width:8px;
	height:8px;
	background:#111;
	z-index:1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
	}
.calendar:before{left:11px;}	
.calendar:after{right:11px;}
.calendar .month:before, .calendar .month:after{
	content:'';
	float:left;
	position:absolute;
	top:-5px;	
	width:4px;
	height:14px;
	background:#dadada;
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa)); 
	background:-moz-linear-gradient(top,  #f1f1f1,  #aaa); 
	z-index:2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	}
.calendar .month:before{left:13px;}	
.calendar .month:after{right:13px;}	
div#Link {
	float:left;
}
div#Link:hover {
	position:relative;
}
div#Link a {
	text-decoration:none;
}
div#Link a:hover:before {
  display: table-cell;
  position: absolute; 
  padding: 10px;
  content: attr(message);
  width: 180px;

  height: auto;
  top: 40px;
  left: -70px;
  background: rgba(99,99,99,1);
  box-shadow: 2px 2px 2px hsla(240,0%,0%,.3);
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;    
  color: #fff;
  font-size: 1em;
  z-index:999;
 -webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
div#Link a:hover:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: transparent  transparent rgba(99,99,99,1) transparent;
  border-style: solid;
  border-width: 8px;
  height:0;
  width:0;
  top: 24px;
  left:40px;
  z-index:999;
 -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
div#Link img {
	max-height:65px;
	max-width:180px;
	vertical-align:middle;
	margin:auto;
	margin-left:auto;
	margin-right:auto;
}
div#Link div#text {
	height:50px;
	width:100%;
	margin:auto;
}
div#Link div#textonly {
	height:120px;
	width:100%;
	margin:auto;
	vertical-align:middle;
	display: table-cell;
}
div#Link div#img {
	display: table-cell;
	vertical-align: middle;	
	height:70px;
	width:200px;
	margin:auto;
}	
.Sponsors {
	width:990px;
	margin:auto;
}
.Sponsors img {
	vertical-align:middle;
	margin:auto;
}
div#FooterLink:hover {
	position:relative;
}
div#FooterLink a:hover:before {
	font-weight:normal;
	font-style:normal;
  display: table-cell;
  position: absolute; 
  padding: 10px;
  content: attr(message);
  width: 180px;
  height: auto;
  bottom: 48px;
  left: 20px;
  background: rgba(99,99,99,1);
  box-shadow: 2px 2px 2px hsla(240,0%,0%,.3);
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;    
  color: #fff;
  font-size: 1em;
  z-index:999;
 -webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
div#FooterLink:last-of-type a:hover:before {
  left: -20px;
}
div#FooterLink a:hover:after {
  position: absolute;
  display: block;
  content: "";  
  border-color:  rgba(99,99,99,1) transparent  transparent transparent;
  border-style: solid;
  border-width: 8px;
  height:0;
  width:0;
  bottom: 32px;	
  left:40px;
  z-index:999;
 -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
div#LogoHolder {
	display:none;
}
/* Venue Detail */
div#VenueAddress {
	float:left;
	width:33%;
	min-height:220px;
	height:auto;
	overflow:visible;
	z-index:99;
}
div#VenueMiniMap {
	float:left;
	width:33%;
	height:200px;
}
div#VenueImage {
	float:left;
	width:33%;
	height:200px;
	padding-left:5px;
}
div#VenueImage img {
	width:100%;
	height:auto;
	max-height:200px;	
}
div#VenueInstructions {
	clear:both;
	width:100%;
}
div#VenueMap {
	clear:both;
	width:100%;
	height:400px;
	margin-top:5px;
}
div#VenueInfoBox {
	width:300px;;
	width:auto;;
	height:80px;
	height:auto;
	overflow:hidden;
}
.PaddedLeft {
	padding-left:100px;float:left;
}
div#EasyFundRaising {
	width:100%;
	height:60px;
	margin:auto;
	padding-top:20px;
	text-align:center;
}
img[src*="sponsors/easyhoriz.png"] {
	width:468px;
	height:auto;
	margin:auto;
}
img[src*="WeekView.png"],img[src*="MonthView.png"] {
	height:36px;
	width:auto;
	margin:auto;
	border:none;
}

.ShowAlertLabel,.HideAlertLabel,.FullAlertDiv {
	cursor:pointer;
	font-weight: normal;
	float:right;
	background-color:#e6e6e6;
	color:#4A3C8C;
	width:auto;
	padding: 2px 2px 2px 2px;
	margin-right:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #666666;
}
.FullAlertDiv {
	float:none;
	max-width:1000px;
}
.FullAlertDiv .AlertContent {
	max-width:100%;
	word-wrap: break-word;
}
.FullAlertDiv .HideAlertLabel {
	margin-right:0px;
	padding: 0px 0px 0px 0px;
	position:relative;
	top:-3px;
	right:-3px;
	border-radius:0px 5px 0px 5px ;
	-moz-border-radius:0px 5px 0px 5px;
	-webkit-border-radius:0px 5px 0px 5px;
}

/* iPhone 4s */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)  {
	.DontShowInMobile {
		display:none;
	}
	.HideInMobile {
		visibility:hidden;
	}	
	.Clear {clear:both;}
	.BodyClass {
		background-image:none;
	}
	div#Tagline,div#Establishedline,div#Footer {display:none;}
	div#ClubName {font-size:1.4em;} 
	div#MenuBar {
		height:38px;
		overflow:hidden;
		border:none;
		width:40px;
		float:right;
		clear:right;
	}	
	img {
		max-width:100%;
		height:auto;
	}
	img[src*="images/erase.jpg"] {
		display:none;
	}	
	img[src*="images/Lock-rs.png"] {
		height:16px;
		width:auto;
	}
	img[src*="refresh.png"] {
		height:16px;
		width:16px;
	}	
	div#EasyFundRaising {
		width:280px;
		height:auto;
		margin:auto;
		padding-top:10px;
	}
	img[src*="sponsors/easyhoriz.png"] {
		width:280px;
		height:auto;
	}
	img[src*="edit.gif"],img[src*="delete.gif"],img[src*="additem.gif"] {
		border:none;
		width:20px;
		height:20px;
	} 	
	div#SSImagePreviews {
		display:none;
	}
	.Title {
		font-size:1em;
		margin-top:10px;
		margin-bottom:0px;
		color:#ff0000; /* Club red */
	}
	.Guidance {
		font-size:10px;
	}	
	div#MessageBox {
		font-size:8px;
	}	
	div#VenueAddress {
		float:left;
		width:100%;
		height:auto;
		min-height:0;
		padding-right:10px;
	}
	div#VenueInstructions {
		
	}
	div#VenueMiniMap {
		display:none;
		float:left;
		width:50%;
		height:100px;
		margin-bottom:5px;
	}
	div#VenueImage {
		display:none;
		float:left;
		width:50%;
		height:200px;
		padding-top:5px;
	}
	div#VenueImage img {
		width:100%;
		display:none;
		height:auto;
		max-height:200px;	
	}
	div#VenueMap {
		clear:both;
		width:100%;
		height:400px;
		margin-top:5px;
	}

	.calendar{display:none;}
	.calendar-Mobile{ 
		display:inline;
		text-decoration:underline;
	}
	.PaddedLeft {padding-left:0px;}
	input[type=button][name=GoToMonth] {display:none;}
	
	.Error,.Warning,.Information,.Debug,.Calling,.Time
	{
		background: none;
		text-indent:0px;
		font-size:12px;
		position:relative;
		padding-left:20px;
	}
	.Error:before,.Warning:before,.Information:before,.Debug:before,.Calling:before,.Time:before
	{
	content: "\00a0";
	border-color:transparent transparent transparent   red ;
	border-style:solid;
	border-width:10px;
	width:0;
	height:0;
	top:0px;
	left:-5px;
	position:absolute;
	}
	.News-Box .News-Text .News-Headline { font-size: 12px; }

	.ShopQuantityPicker {clear:both;width:100%;}
	.ShopItemDesc {width:80%;}
	.Player-Box:nth-of-type(4n),.Player-Box:nth-of-type(4n+1) {background-color:#ff0000; /* Club red */}
	.Player-Box:nth-of-type(4n+2),.Player-Box:nth-of-type(4n+3)  {background-color:#131eee;/* Club blue */}

	.ButtonHolder {float:none;white-space:normal;}
	.SSCreEdPrompt {float:none;white-space:normal;}
	.ssNavigation {white-space:normal;max-width:100%;}
	/* Selfservice List Columns -- so we can hide some columns in wide lists on iPhone */
	
	.sslistNotMobile {display:none;}
	.OnlyShowInMobile {
		display:inline;
	}	
	div#CalendarAddActivity {
		display:none;
	}
	/* Tables which become blocks in mobile */
	.FlexTable { display:inline;}
	.FlexTable .FlexRow {display:block;}
	.FlexTable .FlexRow .FlexCell {display:block;padding-left:0px;width:100%;}
	div#DatePicker {
		position: absolute;
		top: 0%;    
		left: 0%;    
		top: 20%;     margin-top:  0px;
		left: 20%;    margin-left: 0px;
	}
	div#ContextArea {font-size:10px;}
	.Guidance {font-size:10px;}
	input[type="button"]
	{
		-webkit-border-top-left-radius:2px;
		-moz-border-radius-topleft:2px;
		border-top-left-radius:2px;
		-webkit-border-top-right-radius:2px;
		-moz-border-radius-topright:2px;
		border-top-right-radius:2px;
		-webkit-border-bottom-right-radius:2px;
		-moz-border-radius-bottomright:2px;
		border-bottom-right-radius:2px;
		-webkit-border-bottom-left-radius:2px;
		-moz-border-radius-bottomleft:2px;
		border-bottom-left-radius:2px;
		font-size:11px;
		font-weight:bold;
		font-style:normal;
		height:18px;
		line-height:18px;
		width:auto;
		margin-top:2px;
	}	
}
/* iPhone Portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 

	.Page {width:320px;} 
	div#Page {height:auto;min-height:480px;}
	div#LogoBar {height:40px;margin-bottom:5px;width:280px;float:left}
	div#MainDivider {clear:both;border-top:1px solid #eeeeee;}
	.ssfieldTable {display:table;}
	.ssfieldRow {display:inline;}
	.ssfieldLabel {display:block;}
	.ssfieldInput {display:block;max-width:300px;overflow-x:hidden;}
	.TextInput {max-width:300px;}
	select {max-width:100px;}
	.sslistNotMobilePortrait {display:none;}	
	.ssNavigation {white-space:normal;display:inline;vertical-align:top;}
	.ssNavLabel {display:block;font-weight:bold;padding-left:5px;padding-right:5px;float:none;clear:both;}
	.ssNavSearchLabel {display:block;font-weight:bold;padding-left:5px;padding-right:5px;float:none;clear:both;}
	.ssNavInput {display:block;float:left;vertical-align:top;clear:both;}
	.News-Box {max-width:200px;}
	div#Add_To_ELOV_Popup {
		width:280px; 
		top:150px;
		left:10px;
	}	
	div#DatePicker {
		left:10px;
	}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {   

	.Page {width:480px;padding:0 0 0 20px;} 
	div#Page {height:auto;min-height:320px;}
	div#LogoBar {height:40px;margin-bottom:5px;width:440px;float:left}
	div#MainDivider{width:10px;float:left;}
	div#Tagline {display:block;font-size:.7em;margin-bottom:2px;margin-top:2px;}	
	.ssfieldInput {max-width:400px;overflow-x:hidden;}
	.TextInput {max-width:300px;}
	.ssNavSearchLabel {display:block;font-weight:bold;padding-left:5px;padding-right:5px;float:none;clear:both;}	
}
@media print {
	.dontprint { 
		display: none; 
	}
}