.photoColumn {
   float: left;
   clear: both;
   width: 505px;
   height: auto;
   margin: 0px 0px 0px 20px;
}

.contentContainer {
   float: left;
   clear: both;
   height: auto;
   width: auto;
   border-top: solid 1px #444444;
}

.photoEdit
{
   float: left;
   clear: both;
   display: none;
   margin: 20px 0px 0px 10px;
}

.thumbPage
{
   height: auto;
}

.albumSelectButtons
{
   clear: both;
   margin: 0px 10px 0px 0px;
}

.finalScoreEdit
{
   display: none;
   margin: 0px 0px 0px 0px;
   clear: both;
   float: left;
}

.postedResultContainer {
   position: absolute;
   height: auto;
   width: 960px;  
   display: none;
   padding: 20px;
   z-index:103;
   top: 20%;
   margin: auto;
   background-color: #fafafa;
}

.albumAssociationContainer {
   float: left;
   width: auto;
   height: auto;
   margin: 0px 0px 0px 30px;  
}

.albumLabel {
   float: left;
   clear: both;
   

   font-size: 10pt;
   color: #1d1d1d;
   width: auto;
   margin: 13px 10px 0px 0px;
}

.albumHeader {
   float: left;
   

   font-size: 14pt;
   color: #1d1d1d;
   width: 380px;
   border: solid;
   border-width: 0px 0px 1px 0px;
   border-color: #2d88b7;
}

.albumSelect {
   height: 20px;
   width: 200px;
   float: left;
   

   font-size: 8pt;
   color: #2d88b7;  
   margin: 10px 0px 10px 0px;
   padding: 2px 0px 0px 0px;
}

.playBox {
   height: 50px;
   width: 50px;
   margin: auto;
   border: solid;
   border-width: 5px;
   border-color: #dddddd;  
   top: 75px;
   position: relative;
   z-index: 1;
   display: none;
}

.playTriangle {
   height: 0px;
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
   border-left: 20px solid #dddddd;
   margin: 5px 0px 0px 17px;
}

.thumbContainer {
   display: inline-block;
   clear: both;
   height: auto;
   width: 470px;
   margin: 10px 0px 0px 10px;
   padding: 15px 5px 10px 10px;
   border: solid;
   border-width: 1px 0px 1px 0px;
   border-color: #aaaaaa;
}

.thumb {
   height: 90px;
   width: 90px;
   background-color: #1d1d1d;
   color: #fafafa;
   text-align: center;
   display: inline;
   overflow: hidden;
   margin: 0px 13px 0px 13px;
}

.thumb > img
{
   max-width: 90px;
   cursor: pointer;
}

.albumName {
   float: left;
   

   font-size: 10pt;
   color: #aaaaaa;
   margin: 10px 0px 0px 5px;
}

.pageControl {
   float: right;
   height: auto;
   width: auto;  
   margin: 5px 10px 0px 0px;
}

.leftThumbArrow {
   float: left;
   height: 0px;
   width: 0px;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   border-right: 10px solid #aaaaaa;
   margin: 1px 0px 0px 10px;
}

.rightThumbArrow {
   float: left;
   height: 0px;
   width: 0px;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   border-left: 10px solid #aaaaaa;
   margin: 1px 0px 0px 10px;
   cursor: pointer;
}

.contentContainer .boxScore {
   float: left;
   height: auto;
   width: 920px;  
   padding: 10px 0px 10px 0px;
   margin: 10px 0px 20px 20px;
}

.gameRecap {
   float: left;
   height: auto;
   width: 395px;  
   padding: 0px 0px 10px 0px;
}

.contentContainer .boxScoreHeader {
   width: 920px;
   height: auto;
   float: left;
   

   font-size: 18pt;
}

.contentContainer .recapHeader2 {
   width: 375px;
   height: auto;
   float: left;
   

   font-size: 12pt;
   border: solid;
   border-width: 0px 0px 1px 0px;
   border-color: #aaaaaa;  
   margin: 0px 0px 0px 10px;
}

.contentContainer .finalScore {
   width: 900px;
   margin: 10px 0px 0px 0px;
   color: #bbbbbb;
   font-size: 16pt;

   float: left;
   clear: both;
   border: solid 5px #bbbbbb;
   box-shadow: 0px 0px 5px #000000;
   background-image: url(/images/orgDots.png);
   padding: 10px 0px 10px 10px;
}

.contentContainer .newsContainer {
   float: left;
   margin: 20px 0px 0px 20px;
   height: auto;
   width: 393px;  
   border: solid 1px #bbbbbb;
}

.contentContainer .newsContainerTitle {
   width: 373px; 
}

.contentContainer .newsWrapper {
    float: left;
    padding: 8px 0px 0px 0px;
    width: 393px;
    margin: 0px;
    border: none;
}

.contentContainer .attachmentContainer {
    background-color: #EEEEEE;
    float: left;
    margin: 20px 0px 0px 20px;
    width: 370px;
    padding: 10px;
}

.contentContainer .uploadContainer {
   float: left;
   width: 370px;
   overflow: hidden;
}

.contentContainer #dropZone {
   width: 342px !important;  
}

.contentContainer .dirRow {
    margin: 0px 0px 0px 0px;
    width: 365px;
    height: auto;
    border: solid;
    border-color: #dddddd;
    border-width: 1px 0px 1px 0px;
    float: left;
    padding-bottom: 5px;
    
    font-size: 8pt;
 
    color: #1d1d1d;
}

.contentContainer .newsSingle {
   width: 373px;  
}

.finalWords {
   float: left;
   clear: both;
   

   font-size: 9pt; 
   line-height: 10pt; 
   margin: 10px 0px 0px 10px;
   width: 305px;
   color: #1d1d1d;
   line-height: 14pt;
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 275px;
}

.editLink {
   float: right;
   color: #bbbbbb;

   font-size: 10pt;
   
   text-decoration: underline;
   margin: 3px 10px 0px 0px;
   cursor: pointer;
}

.inlineEditLink
{
   color: #2d88b7;
   text-decoration: underline;
   cursor: pointer;
}

.largeImageContainer {
   float: left;
   height: auto;
   min-height: 330px;
   width: 501px;
   background-color: #eeeeee;  
   padding: 15px 0px 10px 0px;
   margin: 0px 0px 0px 0px;
   text-align: center;
   border: solid 2px #cccccc;
}

.largeImageContainer img
{
   max-width: 470px;
}

.albumSelectButtons > .submitButton, .postButtons > .submitButton { 
   float: right;
   height: auto;
   width: auto;
   padding: 5px 5px 3px 5px;
   

   font-size: 8pt;
   background-color: #15384e;
   background-image: url(/images/overlay.png);
   background-repeat: repeat-x;
   background-position: 0px 0px;
   color: #fafafa;
   margin: 0px 0px 0px 10px;
   min-width: 75px;
   text-align: center;
   cursor: pointer;
}

.scheduleResultsRecapButtons
{
   display: none;
   float: right;
   width: 395px;
   margin: 0px 20px 10px 0px;
}

.recapContainer2 {
   float: left;
   height: auto;
   width: 395px;
   background-color: #eeeeee;  
   margin: 0px 0px 0px 20px;     
}

.recapHeader {
   float: left;
   height: 20px;
   width: 950px;
   

   font-size: 14pt;
   color: #fafafa;
   padding: 10px 0px 10px 10px;
   border-bottom: solid 1px #000000;
}

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

.scoreOption
{
   float: left;
   height: 15px;
   width: 15px;
}

.optionLabel
{
   float: left;
   height: 15px;
   width: 480px;
   

   font-size: 12pt;
   color: #fafafa;
   border: solid;
   border-width: 0px 0px 1px 0px;
   border-color: #bbbbbb;
   margin: 2px 0px 0px 0px;
   padding: 0px 0px 2px 0px;
}

.scoreRow
{
   float: left;
   clear: both;
   height: auto;
   width: 800px;
   margin: 10px 0px 10px 22px;
}

.scoreLabel
{
   float: left;
   width: 275px;
   height: auto;
   font-size: 12pt;
   

   margin: 5px 0px 0px 0px;
   color: #bbbbbb;
}

.scoreWinnerBox
{
   float: left;
   margin: 0px 0px 0px 0px;
   

   font-size: 9pt;
   clear: left;
}

.scoreTextBox
{
   float: left;
   clear: both;
   margin: 5px 0px 0px 0px;
   height: 25px;
   width: 363px;
   

   font-size: 8pt;
}

.summaryTextBox
{
   float: left;
   margin: 0px 0px 0px 0px;
   height: 25px;
   width: 385px;
   

   font-size: 8pt;
}

.textareaCap
{
   height: 65px;
   width: 283px;
   float: left;
   margin: 10px 0px 15px 10px;
   display: none;
   clear: both;
   

   font-size: 9pt;
   color: #1d1d1d;
   padding: 10px;
}

.scheduleResultsScores
{
   display: inline;
}

.closeButtonContainer {
   float: left;
   clear: both;
   width: 840px;
   height: auto;
   background-color: #eeeeee;
   margin: 30px 0px 0px 0px;
   padding: 10px;
}

.resultBg {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background: var(--pres-main-bg-dark);
   z-index: 102;
   display: none;
}

.photoThumbContainer {
   float: left;
   height: auto;
   width: 505px;
   background-color: #888888;  
   padding: 10px 0px 10px 0px;
   margin: 0px 0px 0px 0px;
   box-shadow: 0px 3px 3px #000000;
   behavior: url(/css/PIE.htc);
   border-top: solid 1px var(--pres-soft-black);
}

.fileContainer {
   float: left;
   height: auto;
   width: 325px;  
   border: solid 2px #cccccc;
   padding: 10px 0px 10px 0px;
   margin: 10px 0px 0px 0px !important;
   background-color: #EEEEEE;
}

.fileHeader {
   width: 305px;
   height: auto;
   float: left;
   

   font-size: 12pt;
   border: solid;
   border-width: 0px 0px 1px 0px;
   border-color: #aaaaaa;  
   margin: 0px 0px 0px 10px;
}

.overTime {
    float: left;
    font-size: 9pt;
 
    margin-left: 5px;
    cursor: pointer;
    color: #eeeeee
}

.noAlbumSelectedText {
   float: left;
   clear: both;
   font-size: 12pt;
   color: var(--pres-main-fg-color);
   text-shadow: 0px 1px 1px #cccccc;
   margin: 10px 0px 0px 10px;  
}

.clickEdit {
   float: left;
   clear: both;
   font-size: 10pt;
   color: #fafafa;
   margin: 0px 0px 0px 10px;  
}

.resultCheckLabel {
   float: left;
   font-family: helvetica,Arial,Sans-Serif;
   font-size: 10pt;
   margin: 12px 0px 0px 5px;
   color: #fafafa;
}

.fileContainer #dropZone {
   width: 315px;
}

.sendResultUpdateChk {
   float: left;
   margin: 12px 0px 0px 0px !important; 
   height: 20px;
   width: 20px; 
}

.scheduleResultsRecapButtons .submitButton {
   float: right;
   height: auto;
   width: auto;
   padding: 5px 0px 3px 0px;
   font-size: 8pt;
   background: var(--pres-soft-black);
   color: var(--pres-light-fg-color);
   margin: 10px 0px 0px 5px;
   min-width: 55px;
   text-align: center;
   cursor: pointer;  
}

/* Start Box Score */

.scorePeriod 
{
    float: left;
    width: 22px;
    margin: 5px 1px 0px 0px;
    height: 25px;
    text-align: center;
    border: none;
    font-family: helvetica,Arial,Sans-Serif;
    font-size: 9pt;
 
    padding: 0px;
}

.labelPeriod
{
   width: 22px;
   float: left;
   font-family: helvetica,Arial,Sans-Serif;
   font-size: 9pt;

   height: auto;
   margin: 5px 1px 0px 0px;
   text-align: center;
   border: none;
   color: #EEEEEE;
}

.periodLabels .scoreLabel
{
    float: left;
    width: 50px;
    margin: 5px 1px 0px 0px;
    height: auto;
    text-align: center;
    border: solid 1px transparent;
}

.periodRow .scoreTextBox
{
    float: left;
    clear: none;
    width: 50px;
    margin: 5px 1px 0px 0px;
    height: 25px;
    text-align: center;
    border: none;
    padding: 0px;
}

.sPContainer {
   float: left;
   clear: both;
   height: auto;
   width: 300px;
}

.periodLabels .scoreRow
{
   clear: none;
   float: none;
}

.periodScores 
{
   float: left;
    clear: both;
    width: auto;
    height: auto;
}

.periodRow {
   float: left;
   width: 835px;   
   clear: both;
}

.scoresContainer .periodRow
{
   width: 370px;
}

.resultTeamName 
{
    float: left;
    clear: left;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0px 5px 10px;
    height: 25px;
}

.pScoreLabel 
{
    float: left;
    width: 40px;
    color: #eeeeee;
    text-align: center;
}

.resultLogoContainer 
{
    clear: right;
}

.resultScoreContainer
{
   border-color: #AAAAAA;
   border-style: solid;
   border-width: 0 0 1px;
   clear: left;
   height: auto;
   width: auto;
   margin: 5px 0px 0px 0px;
}

.resultScoreContainer .scheduleResultsScores, .resultScoreContainer .scheduleResultsScoresTeam, 
.resultScoreContainer .scheduleResultsScoresOpponent
{
   float: left;
   width: 40px;
   padding: 5px 0px 5px 0px;
   text-align: center;
}

.scheduleResultsScoresLetter {
   color: #fafafa;  
}

.teamLabel 
{
   float: left;
   font-size: 12pt;

   margin: 10px 1px 0;
   width: 130px;
   color: #bbbbbb;
}
/* End Box Score */

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

.back:hover {
   background-color: #666666;  
}

.pLink
{
   margin: 0 0 10px;
}

.summaryContainer
{
   background-image: url("/images/orgDots.png");
   border: 5px solid #BBBBBB;
   box-shadow: 0 0 5px #000000;
   clear: both;
   float: left;
   height: auto;
   min-height: 230px;
   padding: 10px;
   width: 270px;
}

.summary 
{
   color: var(--pres-main-fg-color);
   font-size: 10pt;
   line-height: 12pt;
}

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

@media all and (min-width: 320px) and (max-width: 767px) {
   #calBox {
      width: 100%;
      margin: 0px;
      padding: 0px;   
   }
   
   .listing {
      width: 96%;
   }
   
   .allDayEventContainer {
      clear:both;
   }
   
}