.writerName, .post .date 
{
	font-size: .9em;
}

.profLinkCtr {
   position: relative;
   clear: both;
   width: 100%;
}

/* --------- Start Roster Record Stats Slider Animation & Profile Pic --------- */
.playerRowWrapper {
   float: left;
   clear: both;
   width: 100%;
   background: var(--pres-main-bg-light);  
   margin: 0px 0px 20px 0px;
   overflow: visible;
}

.playerRowWrapper .becomeFanBox {
   width: 300px;
   font-size: .9em;
   padding: 5px 10px;
   line-height: 30px;
   float: none;
   margin: 0px auto;
   display: block;
}

.player_row {
	height: auto;
	width: 100%;
	float: left;
}

.playerRowContent {
   float: left;
   position: relative;
   height: auto;
   width: 100%;
	padding: 10px 10px 0px 10px;
}

.teamInfoBtnContainer {
   float: right;
   clear: both;
   height: auto;
   margin: 25px 0px 0px 0px;
   width: 100%;
}

.teamInfo:hover {
   background: #888888;
}

.roster_number_column {
	float: left;
	height: 125px;
	width: 17px;
	font-size: 14pt;
	color: #15384E;
	position: relative;
	left: 0px;
	top: 0px;
	background: var(--pres-main-bg-light);
	padding: 50px 0px 0px 3px;
}

.player_pic, .player_pic a {
   display: inline-block;
	overflow: hidden;
	width: 100%;
   text-align: center;
   margin-bottom: 10px;
}

.playerPicImage {
   width: 96px;
   height: 96px;
   top: 0px;
   left: 0px;
}

.tab_pic_top {
	background-image: url(/images/tab_pic_top.png);
	background-repeat: no-repeat;
	background-position: top right;
	height: 125px;
	width: 50px;
	position: absolute;
	right: 0px;
}

.tab_pic_top:hover, .tab_pic_bottom:hover {
    cursor: pointer;
}
.tab_pic_bottom {
	background-image: url(/images/tab_pic_top.png);
	background-repeat: no-repeat;
	background-position: top right;
	height: 125px;
	width: 50px;
	position: absolute;
	right: 0px;
	display: none;
   border-right: solid 2px #ffffff;
}

.tab_pic_bottom:hover, .tab_pic_top:hover {
	opacity: .8;	
}

.team_stats {
    position: absolute;
    right: -500px;
    height: 125px;
    width: 440px;
    background-color: #15384e;
    color:#ffffff;
    padding: 5px 20px 5px 15px;
}

.team_specs {
   float: left;
   padding: 0px 0px 10px 0px;
   width: 100%;
   text-align: center;
}

.team_specs .iamFan {
   float: none;
}

.adText {
    text-align: center;
    font-weight: bold;
    font-size: 1.25em;
}

.team_location 
{
	float: left;
	clear: both;
	
	margin: -5px 0px 5px 10px;
}

.team_bio 
{
   
	float: left;
	clear: both;
	font-size: 8pt;
	width: 405px;
	margin: 5px 0px 10px 10px;
	color: #aaaaaa;
	line-height: 10pt;
	font-weight: bold;
}

.bio_title
{
   font-size: 12pt;
	color: #4d7791;
	font-weight: bold;
}

.bio_text
{
   margin: 5px 0px 0px 10px;
   font-size: 1em;
   line-height: 1em;
}

.teamNameText {
   float: left;
   margin: 0px 0px 0px 0px;  
	font-size: 1.25em;
	font-weight: bold;
	color: var(--pres-main-fg-color);
	width: 100%;
}

.team_name_row 
{
	float: left !important;
	width: 100%;
}

a#bioMore {
   text-decoration: underline;
   color: #4d7791;
   cursor: pointer;
   float: left;
   clear: both;
   

   font-size: 8pt;
   margin: 5px 0px 0px 10px;
}

#extendedBio { 
   float: left;
   clear: both;
   background-color: #eeeeee;
	margin: 20px 0px 10px 20px;
	padding: 10px 5px;
	width: 690px;
	border: solid 1px #dddddd;
}


/* --------- End Roster Record Stats Slider Animation & Profile Pic --------- */

.profile_buttons {
	float: left;
	margin: 0px 0px 10px 0px;
	cursor: pointer;
   color: #1d1d1d;
   text-shadow: 0px 1px 1px #888888;
   height: 27px;
   width: 109px;

   font-size: 10pt;
   
   text-align: center;
   background-image: url(/images/loggedNavBg.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding: 12px 0px 0px 0px;
}

.epbContainer {
   height: auto;
   width: auto;
   float: left;
   margin: 0px 15px 0px 0px;
   padding: 5px 10px 5px 5px;
}

.epbContainer:hover {
   background-color: #eeeeee;
   cursor: pointer;
}

.cloudIcon {
   height: 30px;
   width: 30px;
   float: left;
}

.cloudImage {
   float: left;
   height: auto;
   width: auto;
   margin: 0px 0px 0px 0px;
   cursor: pointer; 
}

.profile_button_right {
   float: left;
	margin: 10px 0px 0px 5px;
   text-decoration: none;
   font-size: 10pt;
   

   cursor: pointer;
   color: #2d88b7;
}

.profile_buttons img, img.profile_buttons {
   height: 26px;
	width: 80px;	
}

.profileNavBar {
   margin: 0px 0px 0px 0px;
   float: left;
   clear: both;
   position: relative;
   width: 100%;
   padding: 0px 10px;
}

.profileNavBarContent {
   float: left;
   position: relative;
   width: 100%;
}

/* profile content slider */
#profileContentFrame {
   width: 600px;
   height: auto;
   margin: 15px 0px 0px 0px;
/*   border: solid;
   border-width: 1px 0px 0px 0px;
   border-color: #cccccc; */
}

/* Content Slides */
#homeFrame, #rosterFrame, #scheduleFrame, #clipFrame, #calFrame, #privateFrame {
   left: -721px;
   width: 0px;
}

#rosterFrame .profile_heading, #scheduleFrame .profile_heading, #clipFrame .profile_heading  {
   margin: 10px 0px 0px 0px;
}

#calFrame .profile_heading  {
   margin: 0px;
   width: 676px;   
}

#calFrame .copy_info {
   margin: 0px;
   width: 585px;
   text-align: justify;
}

#privateMessage 
{
   width: 700px;
   color: #1D1D1D;
   font-family: helvetica Arial,Sans-Serif;
   font-size: 10pt;

}

#privateJoin
{
   color: #0000FF;
   text-decoration: underline;
   cursor: pointer;
}

/* --------- End Rotator CSS ---------- */

.sadPanda {
   width: 96px;
   height: 72px;
   text-align: center;
   border: solid 3px #15384e;
   border-top: solid 5px #15384e;
   padding-top: 36px;
   margin: auto;
}

.sadPanda .face {
   font-size: 36pt;

   color: #15384E;
} 

/* --------- Roster --------- */

/* --------- Roster Controls --------- */

.rosterControls {
    float: left;
    clear: both;
    margin-left: 7px;
}

.controlColumn {
    float: left;
    width: auto;
    margin: 10px 5px 0px 0px;
    font-size: 18pt;
    color: var(--pres-light-fg-color);
 
    height: 10px;
    background-image: url(/images/overlay.png);
    background-repeat: no-repeat;
    background-color: #008c03;
    padding: 0px 7px 15px 7px;
    text-align: center;

}
/* --------- End Roster Controls --------- */

/* --------- Add Player Form --------- */

#addPlayerForm 
{
    float: left;
    clear: both;
    height: 320px;
    width: 270px;
    border: solid;
    border-width: 2px;
    border-color: #dddddd;
    font-size: 8pt;
 
    color: var(--pres-main-fg-color);
    z-index: 1;
    margin: 0px 0px 10px 0px;
    display: none;
    padding: 10px;
}

#playerFormHeader {
    font-size: 14pt;
 
    
    float: left;
    border: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #dddddd;
    margin: 10px 0px 10px 10px;
    width: 250px;
    padding-bottom: 3px;
    color: #008c03
}

.addPlayerRow {
    float: left;
    clear: both;
    height: 20px;
    width: 250px;
    margin: 5px 0px 0px 10px;
}

.addPlayerRowButtons {
    float: left;
    clear: both;
    height: auto;
    width: 250px;
    margin: 5px 0px 0px 10px;
    border: solid;
    border-width: 0px 0px 5px 0px;
    border-color: #008c03;
}

.addPlayerLabel {
    float: left;
    width: 60px;
    height: auto;
    margin-top: 4px;
    text-align: right;
}

.addPlayerText {
    float: left;
    width: 170px;
    height: 10px;
    margin-left: 5px;
}

.buttonContainer {
    float: right;
    margin: 5px 0px 0px 0px;
    width: 532px;
}

.addPlayerButton {
    float: left;
    width: auto;
    margin: 10px 0px 10px 5px;
    font-size: 10pt;
    color: var(--pres-light-fg-color);
 
    width: auto;
    height: 20px;
    background-image: url(/images/overlay.png);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #15384e;
    padding: 5px 5px  0px 5px;
}

/* --------- End Add Player Form --------- */


/* --------- Roster Table --------- */

#roster_table {
	height: auto;
	width: 700px;
	margin: 0px auto 0px 0px;
	clear: both;
	background-color: #008c03;
}

tr.roster_table_row_category {
	height: 30px;
	width: 700px;
	margin: 5px 5px 5px 5px;
	color: #15384e;
	text-align: center;
}

td.roster_table_column {
	height: 30px;
	margin: 5px 5px 5px 5px;
	border: none;
	background: var(--pres-main-bg-light);
	text-align: center;
	color: #15384e;
	font-size: 10pt;
}

tr.roster_table_row_data {
	height: 30px;
	width: 700px;
	margin: 5px 5px 5px 5px;
	color: #15384e;
	text-align: center;
}

#number {
	height: 30px;
	width: auto;
	margin: 5px 5px 5px 5px;
	border: none;
	background-color: #15384e;
	text-align: center;
	color: var(--pres-light-fg-color);
}

#name {
	height: 30px;
	width: auto;
	margin: 5px 5px 5px 5px;
	border: none;
	background-color: #15384e;
	text-align: center;
	color: var(--pres-light-fg-color);
}

#age {
	height: 30px;
	width: auto;
	margin: 5px 5px 5px 5px;
	border: none;
	background-color: #15384e;
	text-align: center;
	color: var(--pres-light-fg-color);
}

#sex {
	height: 30px;
	width: auto;
	margin: 5px 5px 5px 5px;
	border: none;
	background-color: #15384e;
	text-align: center;
	color: var(--pres-light-fg-color);
}

#height {
	height: 30px;
	width: auto;
	margin: 5px 5px 5px 5px;
	border: none;
	background-color: #15384e;
	text-align: center;
	color: var(--pres-light-fg-color);
}

#weight {
	height: 30px;
	width: auto;
	margin: 5px 5px 5px 5px;
	border: none;
	background-color: #15384e;
	text-align: center;
	color: var(--pres-light-fg-color);
}

#dob {
	height: 30px;
	width: auto;
	margin: 5px 5px 5px 5px;
	border: none;
	background-color: #15384e;
	text-align: center;
	color: var(--pres-light-fg-color);
}

#birthPlace {
	height: 30px;
	width: auto;
	margin: 5px 5px 5px 5px;
	border: none;
	background-color: #15384e;
	text-align: center;
	color: var(--pres-light-fg-color);
}

#edit {
	height: 30px;
	width: auto;
	margin: 5px 5px 5px 5px;
	border: none;
	background-color: #15384e;
	text-align: center;
	color: var(--pres-light-fg-color);
}

#delete {
	height: 30px;
	width: auto;
	margin: 5px 5px 5px 5px;
	border: none;
	background-color: #15384e;
	text-align: center;
	color: var(--pres-light-fg-color);
}

/* --------- End Roster Table --------- */
/* --------- End Roster --------- */

#clipboard {
   clear: both;
   float: left;
   margin: 0px 0px 0px 0px;
}

.getApp {
    height: 40px;
    width: 125px;

    float: left;
}

.dirRow {
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    padding: 10px 0px 10px 0px;
    border-top: solid 1px #bbbbbb;
    float: left;
    display: none;
}

.dirRowGrid {
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    border-top: solid 1px #bbbbbb;
    float: left;
    padding: 20px 0px;
    font-size: 1em;
}

.dirExpandRow {
    width: 700px;
    height: auto;
    float: left;
    font-size: 8pt;
    color: #4d7791;
    display: none;
}

#getApplicationsRow {
   width: 100%;
   border-top: solid 1px #bbbbbb;
   margin: 0px 0px 0px 0px;
   float: left;    
}

.getApplicationsColumn {
    float: left;
    width: auto;
    font-size: .9em;
    line-height: 1.2em;
    color: #888888;
    margin: 5px 0px 0px 0px;
    padding-bottom: 10px;
}

.applicationsColumn {
    float: right;
    width: auto;
    margin: 0px 0px 0px 10px;
}

.imgColumn {
    width: 64%;
    float: left;
    height: auto;
    margin: 5px 0px 0px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.imgColumnGrid {
   width: 15%;
   float: left;
   height: auto;
   margin: 0px 2% 0px 0px;
   text-align: center;
}

.dirColumn {
    width: 540px;
    float: left;
    height: auto;
}

.imgExpandColumn {
    width: 545px;
    float: left;
    height: auto;
    margin: 10px 0px 0px 0px;
}

.downLoadColumn {
   width: auto;
   float: right;
   height: auto;
   margin: 5px 0px 0px 0px;
   text-align: right;
   color: var(--pres-light-fg-color);
   padding: 5px 10px;
   font-size: 1em;
   background: var(--pres-soft-black);
}

.dlDirColumn {
    width: 155px;
    float: left;
    height: auto;
    margin: 10px 0px 0px 0px;
    text-align: right;
    color: #008c03;
}

.webViewColumn {
    width: 75px;
    float: left;
    height: auto;
    margin: 10px 0px 0px 0px;
    text-align: left;
    border: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #dddddd;
    color: #008c03;
}

.ccDir {
    float: left;
    margin: 0px 0px 0px 0px;
}

.ccDir plus {
    float: left;
    margin: 0px 0px 0px 0px;
}

.ccExpandFile {
    float: left;
    margin: 0px 0px 0px 30px;
}

.ccFile {
    float: left;
    margin: 0px 0px 0px 0px;
}

.ccFileGrid {
   width: 50%;
   margin: 0px 0px 0px 0px;
}

.ccImg {
    float: left;
    margin: 5px 0px 0px 0px;
}

.ccImgGrid {
    float: left;
    margin: 0px 0px 0px 0px;
}

.fileNames {    
    margin: 10px 0px 0px 10px;
    float: left;
    color: var(--pres-main-fg-color);
    text-decoration: none;
}

.fileNamesGrid {    
   margin: 10px auto 20px auto;
   float: left;
   clear: both;
   color: var(--pres-main-fg-color);
   text-decoration: none;
   width: 100%;
/*   text-overflow: ellipsis; */
   overflow: hidden;
   word-wrap: break-word; 
   text-align: center;
   font-size: .9em;
}


/* news feed */
#newsUpdates {
   clear: both;
   margin-top: 50px;
   width: 700px;
   padding-top: 5px;
}

a {
    border: none;
}

img {
    border: none;
}

.uploadFormButton {
    height: 17px;
    width: 75px;
    float: left;
    background-color: #15384e;
    background-image: url(/images/overlay.png);
    background-repeat: repeat-x;
    background-position: top center;
    color: var(--pres-light-fg-color);
    margin: 0px 0px 0px 5px;
    text-align: center;
    padding-top: 3px;
}

.fileUploadLabel {
    width: auto;
    float: left;
    margin: 5px 0px 0px 0px;
}  

.fileRestrictions {
    float: left;
    font-size: 10pt;
    color: #4d7791;
    margin: 5px 0px 0px 20px;
    font-family: Georgia;
    font-style: italic;
    font-weight: normal;
}

.toolTip {
    font-size: 8pt;
    color: #008c03;
    text-decoration: underline;
    float: left;
    margin: 5px 0px 0px 0px;
}   

.atHome {
    float: right;
}

/* -- Event Pop Up -- */

#eventContainer {
    background: var(--pres-main-bg-light);
    min-height: 200px;
    height: auto;
    width: 300px;
    padding: 20px 10px 0px 10px;
    border: solid;
    border-color: #4d7791;
    border-width: 5px;
    position: relative;
    top: -500px;
    left: 175px;
    z-index: 1;
    display: none;
    box-shadow: 0px 5px 5px var(--pres-soft-black);
    -moz-box-shadow: 0px 5px 5px var(--pres-soft-black);
}

#map {
    height: 250px;
    width: 250px;
    float: right;
    margin: 0px 5px 0px 0px;
}

.eventRow {
    float: left;
    margin: 0px 10px 7px 10px;
    clear: both;
    width: 275px;
    height: auto;
}

.eventLastRow {
    float: left;
    margin: 0px 10px 0px 10px;
    clear: both;
    width: 275px;
    height: auto;
    border: solid;
    border-color: #dddddd;
    border-width: 0px 0px 5px 0px;
}

#eventName {
    font-size: 14pt;
 
    color: #4d7791;
    float: left;
    width: 275px;
    border: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #dddddd;
}

#eventVenue {
    font-size: 10pt;
    float: left;
    color: var(--pres-main-fg-color);
    margin: 0px 10px 0px 0px;
 
}

#eventLocation {
    float: left;
    font-size: 8pt;
    color: var(--pres-main-fg-color);
    margin: 0px 10px 0px 0px;
 
}

#eventDate {
    font-size: 8pt;
    font-weight: normal;
    float: left;
    text-align: left;
    width: 75px;
    color: var(--pres-main-fg-color);
}

#eventTime {
    font-size: 8pt;
 
    float: left;
    text-align: left;
    width: 75px;
    color: var(--pres-main-fg-color);
}

#description {
    height: 90px;
    font-size: 8pt;
    float: left;
    line-height: 12pt;
    width: 275px;
    margin: 20px 0px 0px 0px;
    border:solid;
    border-width: 0px 0px 5px 0px;
    border-color: #dddddd;
    color: var(--pres-main-fg-color);
}


#buttons {
    float: left;
    width: 275px;
    border: solid;
    border-width: 0px 0px 5px 0px;
    border-color: #dddddd;
    padding-bottom: 15px;
}

.multiButton {
    color: var(--pres-light-fg-color);
    font-size: 10pt;
    float: left;
    margin: 0px 5px 0px 5px;
    text-align: center;
}

.imageTagButton 
{
   float: left;
   margin: 0 5px;
   background: var(--pres-soft-black);
   color: var(--pres-light-fg-color);
   font-size: 14pt;
   cursor: pointer;
   padding: 4px 3px 3px 3px;
}
/* -- End Event Pop Up -- */

/* -- Add New Event Pop Up -- */

.left {
    float: left;
}

.right {
    float: left;
    height: 200px;
    margin: 0px 0px 0px 40px;
}

.createEvent {
    float: left;
    clear: both;
    height: auto;
    width: 676px;
    border: solid;
    border-width: 5px;
    border-color: #4d7791;
    padding: 10px;
    display: none;
}

.createEventHeading {
    color: #008c03;
    border: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #dddddd;
    margin: 0px 0px 5px 0px;
}

.createEventRow {
    float: left;
    clear: both;
    width: 300px;
    margin: 5px 0px 0px 0px;
}

.createEventRowRoster {
    float: right;
    width: 300px;
    height: 250px;
    margin: 5px 0px 0px 0px;
    height: auto;
}

.calRosterPicker {
    float: left;
    clear: both;
    margin: 5px 0px 0px 0px;
}

.calRosterPickerHead {
    float: left;
    width: 335px;
    color: #008c03;
    font-size: 10pt;
    border: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #dddddd;
    margin: 6px 0px 5px 0px;
}

.calRosterChk {
    float: left;
    margin: -4px 5px 0px -4px;
}

.calRosterLabel {
    float: left;
    font-size: 10pt;
    color: #15384e;
}

.createEventLabel {
    float: left;
    width: auto;
    margin: 5px 0px 0px 0px;
    font-size: 12pt;
}

.eventText {
    float: left;
    clear: both;
    width: 200px;
    margin: 0px 0px 0px 10px;
}

.createEventDescription {
    float: left;
    width: 200px;
}

.createEventRowButtons {
   float: left;
   clear: both;
   padding: 1%;
   width: 100%;
}

.createEventButtonContainer {
    float: right;
    margin: 10px 0px 0px 0px;
}
   
.submitEventButton {
    color: var(--pres-light-fg-color);
    font-size: 1em;
    float: left;
    margin: 0px 0px 0px 5px;
    text-align: center;
    padding: 8px 0px 0px 0px;
}

.submitMultiButton {
    color: var(--pres-light-fg-color);
    font-size: 1em;
    float: left;
    margin: 0px 5px 0px 0px;
    text-align: center;
    cursor: pointer;
}

/* -- End Add New Event Pop Up -- */

/* -- Seeing More Of An Event -- */

#eventContainerMore {
    background: var(--pres-main-bg-light);
    min-height: 380px;
    height: auto;
    width: 676px;
    margin: 0px auto 0px auto;
    padding: 30px 20px 0px 0px;
    display: none;
}

.eventInsideMore {
   clear: left;
   float: left;
   height: auto;
   margin: 0px 0px 0px 0px;
   width: 100%;
}

#liveCast {
    float: right;
    font-size: 12pt;
    margin: 10px 0px 0px 0px;
}

.liveCast {
    float: right;
    margin: 5px 0px 0px 5px;
}

#eventNameMore {
    font-size: 24pt;
    color: #4d7791;
    float: left;
    width: 676px;
}

#eventVenueMore {
   clear: both;
   float: left;
   font-family: helvetica,Arial,Sans-Serif;
   font-size: 1em;
   padding: 0px 0px 0px 0px;   
   width: 100%;
   word-wrap: break-word;
   color: var(--pres-main-fg-color);
   margin: 0px;
}

#eventLocationMore {
    float: left;
    font-size: 10pt;
    color: var(--pres-main-fg-color);
    margin: 0px 10px 0px 0px;
    width: 400px;
    word-wrap: break-word;
}

#descriptionMore {
    font-size: 1em;
    float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;
    color: var(--pres-main-fg-color);
    word-wrap: break-word;
}

.directions {
    height: 20px;
    width: 150px;
    float: left;
    clear: both;
    margin: 0px 0px 0px 0px;
    color: #008c03;
    font-size: 10pt;
}

.seeRoster {
    height: 20px;
    width: 150px;
    float: left;
    clear: both;
    margin: 0px 0px 20px 0px;
    color: #008c03;
    font-size: 10pt;
}

#buttonsMore {
   float: left;
   width: 100%;
}

.statsCtr {
   float: left;
   clear: both;
   width: 100%;
}

.leftOfAd {
   clear: both;
   float: left;
   width: 100%;
}

.noContent {
   float: left;
   clear: both;
   width: 100%;
   background: var(--pres-main-bg-light);
   padding: 20px;
   min-height: 400px;
}

.noContentPic {
   width: 48px;
   display: inline-block;
   vertical-align: middle;
   margin-right: 20px;
}

.noContentCopy {
   display: inline-block;
   vertical-align: middle;
}

.noStats {
   margin-bottom: 20px !important;
}

.joinTeamLinkButton {
   height: auto;
   width: 100px;
   box-shadow: 0px 0px 2px #15384e;
   background-color: #4d7791;
   border: solid;
   border-width: 1px;
   border-color: #15384e;
   float: left;
   clear: both;
   text-align: center;
   margin: 10px 0px 0px 0px;
   padding: 10px;
   color: #15384e;
}

.joinTeamLinkGetRoster {
   font-size: 10pt;
   text-decoration: none;
   color: var(--pres-light-fg-color);
}

.fileInputButton {
   position: relative;
   z-index: 2;
   top: 14px;
   left: 10px;
   cursor: pointer;
   opacity: 0;
}

.browseButton {
   position: relative;
   z-index: 1;
   top: -10px;
   left: 156px;
   background-color: #4d7791;
   border: solid;
   border-width: 1px;
   border-color: #15384e;
   box-shadow: 0px 0px 2px #15384e;
   color: #15384e;
   height: 19px;
   width: 80px;
   font-size: 10pt;
   text-align: center;
   padding: 5px 0px 0px 0px;
 }

.uploadButton {
   position: relative;
   z-index: 1;
   top: -36px;
   left: 241px;
   background-color: #4d7791;
   border: solid;
   border-width: 1px;
   border-color: #15384e;
   box-shadow: 0px 0px 2px #15384e;
   color: #15384e;
   height: 19px;
   width: 80px;
   font-size: 10pt;
   text-align: center;
   padding: 5px 0px 0px 0px;
 } 
 
 .upLoadRow {
    margin: 0px 0px 0px 10px;
    width: 680px;
    height: 50px;
    float: left;
    clear: both;
    font-size: 8pt;
    color: #4d7791;
    background-color: #eeeeee;
}

.clipText {
   float: left;
   clear: both;
   

   font-size: 8pt;
   color: #15384e;
   margin: 20px 0px 0px 10px;
   background-color: #eeeeee;
   padding: 10px;
}

.views {
   margin: 10px 0px 0px 0px;
   width: 100%;
   padding: 10px;
   border-bottom: solid 1px #bbbbbb;
   display: flex;
   flex-direction: column;
   gap: 5px;
}

.viewButton {
   padding: 10px;  
   color: var(--pres-main-fg-color);
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   cursor: pointer;
   display: flex;
   flex-direction: row;
   align-items: center;
}

.viewButtonBg,
.viewButton:hover {
   background-color: #eeeeee;
}

.gridViewButton {
   margin-right: 5px;
}

/* -- Send Message Button Right Container -- */

.sendMessageRightContent {
   height: 40px;
   width: 340px;
   float: left;
   clear: both;
   color: #aa0000;
   text-shadow: 0px 1px 1px #ffffff;
   font-size: 1.2em;
   text-align: center;
   cursor: pointer;
   margin: 0px 0px 20px 0px;
}

.sendMessageRightContainer {
   width: 100%;
   height: 30px;
   padding: 10px 0px 0px 0px;
   float: left;
   clear: both;
   background: #eeeeee; /* Old browsers */
   background: -moz-linear-gradient(top,  #eeeeee 0%, #bbbbbb 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #eeeeee 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #eeeeee 0%,#bbbbbb 100%); /* Opera 11.10+ */
   background: linear-gradient(to bottom,  #eeeeee 0%,#bbbbbb 100%); /* W3C */
   box-shadow: 0px 1px 5px #000000;
   border-top: solid 1px #ffffff;
}

.sendMessageRightContainer:hover {
   background: #cccccc; /* Old browsers */
   background: -moz-linear-gradient(top,  #cccccc 0%, #aaaaaa 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #cccccc 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #cccccc 0%,#aaaaaa 100%); /* Opera 11.10+ */
   background: linear-gradient(to bottom,  #cccccc 0%,#aaaaaa 100%); /* W3C */
}

.sendMessageImg {
   float: left;
   clear: both;
   margin: 5px 0px 0px 0px;
}

.btnShowMoreAlerts {
   height: 15px;
   width: 164px;
   padding: 10px;
   background-color: #2d88b7;
   float: left;
   clear: both;
   color: #fafafa;
   
   font-size: 9pt;

   cursor: pointer;
   text-align: center;
}

.assignedSport {
   float: left;
   clear: both;
   
   font-size: 10pt;
   color: #454545;
   margin: 0px 0px 5px 10px;

}
   
.ajaxLoaderTp {
   position: relative;
   margin: 10px 0px 10px 0px;
   clear: both;
   width: 100%;
   height:20px;
}

.editCurrentType {
   float: right;
	
	font-size: 8pt;
	font-weight: bold;
	color: #fafafa;
	text-decoration: none;
	margin: 0px 11px 0px 10px;
	background-color: #2d88b7;
	padding: 7px 7px 5px 7px;
}

.editCurrentType:hover {
   color: #1d1d1d;
   cursor: pointer;
}


/* PROMOS */

.noClip {
   float: left;
   width: 100%;
   padding: 20px;
   background: var(--pres-main-bg-light);
   cursor: pointer;
   margin: 0px 0px 0px 0px;
}

.noClipPic {
   margin: 0px 0px 0px 0px;
   width: 11%;
   float: left;
}

.noClipCopy {
   float: left;
   margin: 2% 0px 0px 2%;
   color: var(--pres-main-fg-color);
   
   
   font-size: 1.1em;
   width: 85%;
}


/* Scroll Bar for iPad */
.scrollContainer {
   position: relative;
   top: 0px;
   left: 175px;
   width: 15px;
   height: auto;
   min-height: 200px;
   background-color: #1d1d1d;
   display: none;
}

.scrollContainerContent {
   height: auto;
   width: auto;
   position: absolute;
   top: 0px;
   left: 0px;  
}

.scrollArrowUp {
   height:15px;
   width: 15px;
   background-color: #1d1d1d;
   float: left;
   border-bottom: solid 1px #4d7791;
}

.barContainer {
   height: 160px;
   width: 9px;
   float: left;
   clear: both;
   padding: 3px;
}

.bar {
   height: 120px;
   width: 9px;
   background-color: #4d7791;
   position: relative;
   top: 0px;
   left: 0px; 
}

.scrollArrowDown {
   height:15px;
   width: 15px;
   background-color: #1d1d1d; 
   float: left;
   clear: both;
   border-top: solid 1px #4d7791;
}

.pendingRequest {
   float: left;
   height: auto;
   width: auto;
   padding: 10px;
   box-shadow: 0px 0px 2px #ff8a00;
   

   font-size: 8pt;
   color: var(--pres-light-fg-color);
   margin: 10px 0px 10px 0px;
   background-color: #ff8a00;
}

.pendingRequestIcon {
   float: left;
   height: 39px;
   width: auto;
   box-shadow: 0px 0px 2px #aaaaaa;
   margin: 10px 0px 0px 5px;
   background-color: #ff8a00;
   padding: 5px 10px 0px 10px;
}

.addPhotosTop {
   float: right;
   

   font-size: 12pt;
   color: #1d1d1d;
   cursor: pointer;   
   margin: 0px 40px 10px 0px;
   text-decoration: underline;
}

#profileContentFrame #calEventDetails {
   width: 700px !important;  
}

#profileContentFrame #calEventDetails .eventTitle {
   width: 680px !important;  
}

#profileContentFrame #calEventDetails #buttonsMore {
   width: 100% !important;  
}

.currentSelect {
   float: left;
   height: auto;
   width: auto;
   font-size: 24pt;
   color: #aaaaaa;
   padding: 0px 0px 0px 10px;
   margin: 10px 0px 10px 0px;
}

.pnWrp 
{
   float: left;
   clear: both;
   width: 100%;
   position: relative;
   overflow-x: auto;
}

/* Contact Coach Button */

.contactCoachContainer {
   float: left;
   height: auto;
   width: 100%;
   margin: 0px 0px 20px 0px;
   cursor: pointer;
	background: #ff4e00;
	color: var(--pres-light-fg-color);
	text-align: center;
	padding: 10px 0px;
}

.whistle {
	display: none;
}

.contactCoachText {
   float: left;
	width: 100%;
   font-size: 1em;
   margin: 0px 0px 0px 0px;
	font-weight: bold;
}

/* News Editor */

.editorInsert
{
   display: none;
   float: left;
   overflow: hidden;
   height: 0px;
   margin: 10px 20px;
}

#editorTitle
{
   width: 525px;
   height: 20px;
}

.editorInsert .button {
    background-image: url("/images/eventDetailsButton.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    color: var(--pres-light-fg-color);
    cursor: pointer;
    float: right;
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 10pt;
 
    height: 31px;
    margin: 0px 0px 0px 0px;
    min-width: 105px;
    padding: 12px 0px 0px 0px;
    text-align: center;
}

.publicText 
{
   float: left;
   font-family: Helvetica,Arial,Sans-Serif;
   font-size: 12pt;

   margin: 12px 8px 0px 0px;
   color: #bbbbbb;
}

/* Start Team Profile Master */

.adminLink
{
	float: left;
	margin: 0px 0px px 0px;
	cursor: pointer;
   color: var(--pres-main-fg-color);
   width: 100%;
   font-size: .8em;
   padding: 10px 0px;
   text-decoration: none;
   border-top: solid 1px #dddddd;
	font-weight: bold;
   text-align: center;
}

.adminLink:first-of-type {
   border-top: none;
}

.adminLink:hover {
   background: var(--pres-soft-black);
   color: var(--pres-light-fg-color);
}

.profileLink
{
	float: left;
	margin: 0px 1% 10px 1%;
	cursor: pointer;
   font-size: .9em;
   text-align: center;
   padding: 5px 10px;
   text-decoration: none;
   color: var(--pres-light-fg-color);
   background: var(--pres-soft-black);
   display: none;
}

.profileLink:hover {
   cursor: pointer;
}

.postNewsButton {
	float: left;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
   color: #1d1d1d;
   text-shadow: 0px 1px 1px #888888;
   height: 27px;
   width: 109px;

   font-size: 10pt;
   
   text-align: center;
   background-image: url(/images/loggedNavBg.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding: 12px 0px 0px 0px;
   text-decoration: none;
}


.cb {
   clear: both;
}

#lgn {
   min-height: 200px;   
   color: #fff;
   margin: 0px 0px 10px 0px;
}

#lgn .head, #lgn .form, #lgn .foot {
   padding: 10px 20px;
}

#lgn .head {
   border-bottom: solid 1px #000;

}

#lgn .form {
   padding-bottom: 20px;
}

#lgn .foot {
   padding: 20px;
   border-top: solid 1px #000;
   float: none;
}

#lgn .form .l {
   float: left;
}

#lgn input[type=email], #lgn input[type=password] {
   width: 285px;
   margin: 5px 0px 10px 0px;
   height: 35px;
   padding: 0px 0px 0px 10px;
   font-size: 12pt;
}

#lgn .keep {
   float: left;
   font-size: 10pt;
   color: #ccc;
   margin: 2px 0px 0px 5px;
}

#lgn .forget {
   float: left;
   font-size: 10pt;
   color: #fff;
   margin: 2px 0px 0px 20px;
}

#loginBtn {

   font-size: 12pt;
   color: #fafafa;
   height: 40px;
   width: 120px;
   background: url(/images/regBtnBg.png) 0px 0px no-repeat;  
   text-shadow: 0px 1px 1px #000000;
   box-shadow: 0px 1px 3px #000000;
   border: none;
   margin: 20px 5px 0px 0px;
   cursor: pointer;
}

.iWantToLogin {
   float: left;
   clear: both;
   height: 27px;
   width: 230px;
   text-align: center;
   color: #fafafa;

   font-size: 12pt;
   text-shadow: 0px 1px 1px #000000;  
   background-color: #3b5998;
   padding: 13px 10px 0px 10px;
}

.fbLoginIcon {
   height: 40px;
   width: 40px;
   background-image: url(/images/fbLoginIcon.png);
   background-position: 0px 0px;
   background-repeat: no-repeat;  
   float: right;
}

.tPContainer {
   float: left;
   clear: both;
   height: auto;
   width: 100%;
   margin: 0px 0px 20px 0px;
   background: var(--pres-main-bg-light);
}

.tPContent {
   float: left;
   clear: both;
   height: auto;
   width: 100%;
}

.tPContentHeader {
   float: left;
   clear: both;
   border-bottom: solid 1px #000000;
   padding: 1%;
   width: 100%;
   background: var(--pres-soft-black);
}

.tpcHeading {
   font-size: 1.5em;
   float:left;
   color: var(--pres-light-fg-color);
   font-weight: bold;
}

.mainTPContainer {
   float: left;
   height: auto;
   width: 100%;
   margin: 0%;
}

.mainTPContainer #calViewFrameRapper {
   width: 100%;
   margin: 0px;
   box-shadow: none;
}

.newsTPContainer {
   float: left;
   height: auto;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   width: 100%;
}

.noEvents {
   width: 100%;
   padding: 10px;
   float: left;
   clear: both;
   color: var(--pres-main-fg-color);
}

.eventsHomeTitle {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-size: .9em;
}

.eventsHomeTournamentTitle {
   float: left;
   clear: both;
   font-size: .8em;
   color: var(--pres-main-fg-color);  
   margin: 0px 0px 0px 0px; 
   width: 75%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.eventsHomeTime {
   font-size: .9em;
   margin: 0px;
	width: 25%;
	text-align: right;
}

.eventsHomeDate 
{
   font-size: .8em;
   margin: 0px 0px 0px 0px;
	font-weight: bold;
	
}

/* End Team Profile Master */

.editorWrap {
   float: left;
   clear: both;
   height: auto;
   width: 600px;
   margin: 0px 0px 20px 0px;
   background: rgb(55,55,55); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(55,55,55,1) 0%, rgba(34,34,34,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,55,55,1)), color-stop(100%,rgba(34,34,34,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(34,34,34,1) 100%); /* Opera 11.10+ */
   background: linear-gradient(to bottom,  rgba(55,55,55,1) 0%,rgba(34,34,34,1) 100%); /* W3C */
   box-shadow: 0px 0px 5px #000000;
}

.editorWrapContent {
   float: left;
   clear: both;
   height: auto;
   width: 600px;
}

.createTeamContainer {
   position: relative;
   clear: both;
   margin: 0px 0px 0px 0px;
   height: 60px;
   width: 340px;  
}

.createTeamContent:hover {
   background: #ff4e00;  
}

.createTeamContent {
   height: 60px;
   width: 340px;
   background: #ff4e00; /* Old browsers */
}

.createTeamBox {
   border: solid 1px #ff4e00;
   width: 263px;
   height: 48px;
   padding-top: 10px;
   cursor: pointer;  
   position: relative;
   background-image: url(/images/createTeamIcon.png);
   background-repeat: no-repeat;
   background-position: 10px 4px;
   color: var(--pres-light-fg-color);
   padding-left: 75px;
   font-size: 2.2em;
   font-family: bebas;
}

.joinTeamBox {
   font-family: aardvark;
   font-size: 24pt;
   color: #fafafa;
   float: left;  
   text-align: center;
   margin: 20px 0px 0px 20px;
   box-shadow: 0px 0px 5px #000000;
   background-image: url(/images/joinTeamBox.png);
   background-position: 0px 0px;
   background-repeat: no-repeat;
   width: 300px;
   height: 100px;
   cursor: pointer;  
   position: relative;
}

.joinTeamContainer {
   position: relative;
   clear: both;
   margin: 20px 0px 0px 0px;
   height: 140px;
   width: 340px;  
   background: rgb(55,55,55); /* Old browsers */
   background: -moz-linear-gradient(top,  rgba(55,55,55,1) 0%, rgba(34,34,34,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,55,55,1)), color-stop(100%,rgba(34,34,34,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(34,34,34,1) 100%); /* Opera 11.10+ */
   background: linear-gradient(to bottom,  rgba(55,55,55,1) 0%,rgba(34,34,34,1) 100%); /* W3C */
}

.joinTeamContent {
   height: 140px;
   width: 340px;
}

.lockMsgBg {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   background: var(--pres-main-bg-dark);
   opacity: .75;
   z-index: 10000;
   display: none;
}

.lockMsgContainer {
   position: absolute;
   width: 500px;
   background: var(--pres-main-bg-light);
   z-index: 10001;
   display: none;
   top: 40%;
   
   
   
   
}

.lockMsgContent {
   float: left;  
}

.lockMsgOk {
   float: right;
   font-size: 1em;
   color: var(--pres-light-fg-color);
   border: solid 1px #444444;
   color: var(--pres-main-fg-color);
   height: 20px;
   width: 20px;
   border-radius: 20px;
   text-align: center;
   margin: 0px;
   background: var(--pres-main-bg-light);
   cursor: pointer;
}

.lockMsg {
   float: left;
   font-size: 1em;
   color: var(--pres-main-fg-color);  
   margin: 20px;
}

.msgDivide {
   display: none;
}

.lockMsgCloseButton {
   text-align: center;
   font-size: 1em;
   color: var(--pres-light-fg-color);
   background: var(--pres-soft-black);
   float: left;
   clear: both;
   padding: 5px 10px;
   cursor: pointer;
   margin: 20px 0px 20px 20px;
}

.lockMsgLink {
   color: var(--pres-main-fg-color);
   text-decoration: underline;
   font-weight: bold;
}

.lockMsgLink:hover {
   color: #888888;
   cursor: pointer;
}

/*SCORES FOR TEAM*/
.scoresBg {
   width: 100%;
   float: left;
   clear: both;
   height: auto;
   padding-bottom: 10px;
   margin: 0px 0px 20px 0px;
}

.scoresTitle {
   font-size: 1.5em;
   width: 100%;
   padding: 10px;
}

.team_gender, .team_alias {
   display: inline-block;
   vertical-align: baseline;
   margin: 0px 5px 0px 0px;  
   font-size: 1em;
}

.shareTeamOptionsContainer {
   position: absolute;
   display: flex;
   flex-direction: row;
   gap: 10px;
   align-items: center;
   flex-wrap: wrap;
   display: none;
   background: var(--pres-main-bg-light);
   top: 45px;
   right: 10px;
   padding: 10px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   width: 250px;
   z-index: 1;
   border: solid 1px #dddddd;
}

.shareTeamBg {
   width: 100%;
   height: 100%;
   position: fixed;
   background: var(--pres-main-bg-dark);
   opacity: .75;
   display: none;
   top: 0px;
   left: 0px;
   z-index: 2999;
}

.closeSt {
   position: absolute;
   top: -20px;
   left: 100%;
   color: var(--pres-main-fg-color);
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   background: var(--pres-main-bg-light);
   border: solid 1px #444444; 
   text-align: center;
   width: 20px;
   height: 20px;  
   z-index: 3001;
	cursor: pointer;
}

.shareTeamHeader {
   position: relative;
   width: 100%;
   color: var(--pres-main-fg-color);
	font-weight: bold;
   flex-basis: 100%;
}

.shareTeamOption {
   position: relative;
	display: inline-block;
   color: var(--pres-main-fg-color);   
   font-size: 24px;
   width: 24px;
   height: 24px;
   line-height: 24px;
   vertical-align: middle;
   cursor: pointer;
	float: left;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
   border-radius: 3px;
}

.shareTeamOption > img {
   height: 24px;
   width: 24px;
}
/* Start Share */

.share .twitter-share-button, .share > div
{
   float: left;
   margin: 5px 5px 0 0;
}

.shareIcons 
{
   cursor: pointer;
   float: left;
   height: 20px;
   margin: 5px 0 0;
   width: 57px;
}

.emailTemplate 
{
   background-color: var(--pres-main-fg-color);
   left: 0;
   padding: 10px;
   position: absolute;
   top: 0;
   z-index: 3;
}

.emailBg {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,.8);
   display: none;
   z-index: 2;
}

.emailTxt
{
   clear: both;
   float: left;
   width: 300px;
   color: #BBBBBB;
   font-family: Helvetica,Arial,sans-serif;
   font-size: 10pt;
}

.tempButtons 
{
   clear: both;
   float: right;
}

.tempButton {
   color: var(--pres-light-fg-color);
   cursor: pointer;
   float: left;
   margin: 10px 0px 0px 5px;
   padding: 0px 10px;
   font-size: 1em;
   text-align: center;
   background: var(--pres-soft-black);
   line-height: 30px;
}

#share 
{
   clear: both;
   float: left;
}

/* End Share */

/* FONT EMBEDDING 
@font-face 
{
    font-family: 'bebas';
    src: url('/typefaces/bebasneue-webfont.eot');
    src: url('/typefaces/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/typefaces/bebasneue-webfont.woff') format('woff'),
         url('/typefaces/bebasneue-webfont.ttf') format('truetype'),
         url('/typefaces/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exoblack';
    src: url('/typefaces/exo-black-webfont.eot');
    src: url('/typefaces/exo-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/typefaces/exo-black-webfont.woff') format('woff'),
         url('/typefaces/exo-black-webfont.ttf') format('truetype'),
         url('/typefaces/exo-black-webfont.svg#exoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exolight';
    src: url('/typefaces/exo-light-webfont.eot');
    src: url('/typefaces/exo-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/typefaces/exo-light-webfont.woff') format('woff'),
         url('/typefaces/exo-light-webfont.ttf') format('truetype'),
         url('/typefaces/exo-light-webfont.svg#exolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exomedium';
    src: url('/typefaces/exo-medium-webfont.eot');
    src: url('/typefaces/exo-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/typefaces/exo-medium-webfont.woff') format('woff'),
         url('/typefaces/exo-medium-webfont.ttf') format('truetype'),
         url('/typefaces/exo-medium-webfont.svg#exomedium') format('svg');
    font-weight: normal;
    font-style: normal;
} */
/* FONT EMBEDDING */

.mascot 
{
   margin: -30px 0px 0px 5px;
   position: relative;
   text-transform: uppercase;
   font-family: bebas;
   color: #FAFAFA;
   font-weight: normal;
   font-size: 14pt;
}

.apHeader {
   float: left;
   clear: both;
   width: 100%;
   font-size: 1.25em;
   font-weight: bold;
   margin-bottom: 10px;
}

.archivePopup {
   padding: 20px;
   margin: 0px 0px 0px 0px;
   display: none;
   max-width: 100%;
   position: fixed;
   background: var(--pres-main-bg-light);
   box-shadow: 0px 0px 3px #888888;
   z-index: 16;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
}

.archShow {
   display: block;
}

.archiveInfo {
   float: left;
   font-weight: normal;  
   margin-bottom: 20px;
   font-size: .9em;
}

.archiveTitle {
   float: left;
   width: 100%;
   clear: both;
   margin: 0px 0px 3px 0px;
   font-weight: bold;
   font-size: .9em;
}

.archiveSelect {
   margin: 10px 0px 0px 10px;
   float: left;
   font-size: 1em;
   padding-left: 5px;
}

.archiveBtnCon {
   float: left;
   clear: both;
   width: 100%;
   padding: 0px;
}

.archiveBtn {
   float: right;
   font-size: 1em;
   color: var(--pres-main-fg-color);
   padding: 5px 10px;
   border: none;
   margin: 20px 5px 0px 0px;
   cursor: pointer;
   text-align: center;
}

.archiveName {
   width: 300px;
   height: 30px;
   float: left;
   clear: both;
}

.navBarRight {
   float: right;
   width: auto;
   min-width: 100px;
}

.archiveTxt {
   color: var(--pres-main-fg-color);
   float: left;
   font-size: 1em;

   margin: 7px 5px 0 0;
}

.logNavHead {
   float: left;
   width: 98%;
   padding: 1%;
   color: var(--pres-light-fg-color);
   font-size: 1.2em;
   background: #ff4e00; /* Old browsers */
}

.logNavHead img {
   float: left;  
   margin-right: 8px;
   margin-top: -2px;
}

.newsHead {
   clear: both;
   border-bottom: solid 1px #000000;
   padding: 10px 0px 10px 20px;

   font-size: 18pt;
   width: 580px;
   background: var(--pres-soft-black);
   color: #fafafa;  
}

.becomeFanBox {
   text-align: center;  
   color: var(--pres-light-fg-color);
   padding: 10px 0px;
   cursor: pointer;
   text-decoration: none;
   font-size: 1em;
   width: 100%;
   font-weight: bold;
   background: #bbb;
}

.fanBtn 
{
   display: inline-block;
   vertical-align: middle;
   width: 24px;
   position: relative;
   margin-right: 5px;
}

.tpMToolsBtn {
   text-align: center;
   cursor: pointer;
   font-size: 1.5em;
}

.spBtn {
   float: left;
   clear: both;
   font-size: .9em;
   text-decoration: none;
   font-weight: bold;
   text-decoration: underline;
   width: 100%;
   text-align: center;
}

.tpMenuBtn {
   display: none;
   float: left;
   clear: both;
   margin: 1% .5%;
   text-align: center;
   padding: 5px 10px;
   font-size: .9em;
}

.loggedNavC {
   height: 0px;
   overflow:hidden;
   display: none;
   position: absolute;
   z-index: 1;
   top: 45px;
   left: 10px;
   background: #eeeeee;
   width: 175px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   overflow: hidden;
   box-shadow: 0px 0px 3px #888888;
}
   
.loggedNavO {
   height: auto;
   display: block;  
}

.noNewsHead, .newsHead {
   display: none;
}

.tpmw 
{
	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	position: relative;
}

.indicators 
{
   float: right;
   position: relative;
   width: 100%;
   padding: 0px;
   top: 0px;
   left: 0px;
   margin-bottom: 10px;
}

.indImg 
{
   width: 32px;
}

a.schoolLink {
   color: var(--pres-main-fg-color);
}

.indicator {
   display: inline-block;
   vertical-align: middle;
   width: 28px;
   margin-left: 5px;
   cursor: pointer;
   float: right;
   font-size: 1.5em;
}

.iamFan
{
   cursor: default;
   width: 28px;
   vertical-align: middle;
   display: inline-block;
   top: -3px;
   position: relative;
}


.newsLoad
{
	padding: 0px !important;
}

.modCol .modifyEvent,
.modCol .modifyStats,
.modCol .deleteEvent {
   display: none;
}

a.logged_nav {
   float: left;
   text-decoration: none;
   padding: 0px 10px 0px 0px;
   font-size: .8em;
   text-align: center;
}

.locked {
   color: #bbbbbb;
}

.pngl, .pngr 
{
   display:none;
}

/*MEDIA QUERIES FOR MOBILE*/
@media all and (min-width: 768px) {
   .views {
      flex-direction: row;
   }

   .spBtn 
   {
      width: auto;
      text-align: left;
   }
   
   .tpMToolsBtn {
      clear:both;
   }
   
   .profileLink {
      display: block;
   }
     
	.team_specs {
		 float: left;
		 padding: 5px 0px 0px 0px;
		 width: 100%;
	}   

   .player_pic, .player_pic a {
      font-size: 1em;
	   float: left;
	   width: 96px;
	   height: 96px;
	   overflow: visible;
		margin: 0px 10px 10px 0px;
      position: relative;
   }

   .playerPicImage {
      position: absolute;
      top: 0px;
      left: 0px;
      max-height: 100%;
      min-height: 100%;
      width: auto;
      max-width: 100%;
   }

   .closeSt {
      left: 90%;
      top: 4%;
   }
   
   .teamNameText {
		font-size: 1em;
   }
 
   .eventsHomeArea {
      display:none;
   }
     
   .scoresBg {
      display: none;
   }

   .lockMsgContainer {
      width: 96%;
      left: 2% !important;
      top: 30% !important;
   }
   
   .newsLoad 
   {
		padding: 0px !important;
   }
   
   .containerHeading 
   {
		padding: 0px;
   }

	.indicator 
	{
		display: inline-block;
		vertical-align: middle;
		width: 25px;
		margin-left: 5px;
		cursor: pointer;
	}
	
	.becomeFanBox 
	{
		width: 100%;
		padding: 10px 0px;
		float:left;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}

   .playerRowWrapper .becomeFanBox {
      width: 100%;
   }
	
   .team_specs {
      float: left;
      padding: 0px;
      clear: none;
      width: auto;
   }
   
   .teamNameText {
      font-size: 1.5em;
   }

   .teamNameText,
	.team_alias, .team_gender
	{
		text-align: left;
      width: auto;
		margin: 0px;
      padding: 0px 0px 5px 0px;
      clear: both;
      float: left;
	}

   .profileNavBar {
      margin: 0px 0px 0px 0px;
      float: left;
      clear: both;
      position: relative;
      width: 100%;
      height: auto;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      padding: 10px;
   }

   .profileNavBarContent {
      float: left;
      height: auto;   
      position: relative;
   }

   .pngr, .pngl 
   {
      position: absolute;
      height: 100%;
      width: 20px;
      z-index: 1;
      top: 0px;
   }

   .pngr 
   {
      right: 0px;
   }

   .pngl 
   {
      left: 0px;
      display: none;
   }

   a.logged_nav {
      float: left;
      text-decoration: none;
      padding: 0px 10px 0px 0px;
      font-size: .8em;
      text-align: center;
      line-height: 2em;
   }

   .pnWrp 
   {
      float: left;
      clear: both;
      width: 100%;
      position: relative;
      overflow: hidden; 
   }

   .tpMToolsBtn, .indImg, .shareTeam 
   {
      width: 36px;
   }
   
   .shareTeam 
   {
      margin-left: 10px;
   }   
   
   .loggedNavC 
   {
      top: 50px;
      box-shadow: 0px 0px 3px #888888;
      -webkit-box-shadow: 0px 0px 3px #888888;
      -moz-box-shadow: 0px 0px 3px #888888;
   }
}