body {
    FONT-FAMILY: Sans Serif, Helvetica, Arial;
    margin: 0px;
    padding: 0px;
    height:100%;
    width:100%;
}
a {text-decoration:none;}
a:link {color: blue;}
a:visited {color: blue;}
a:hover {color: darkviolet;}
a:active {color: blue;}

#filmListTopNav{display:block;}
/*#filmListTopNav td{border:1px solid white;cursor:pointer;font-size:.8em;padding-top:4px;padding-bottom:4px;padding-left:.4em;}*/
#filmListTopNavTable{width:98%;}
.UserName
{
    font-weight: bold;
    font-size: 12pt;
    color: olive;
    font-family: 'Century Gothic', 'Montserrat', 'Lucida Sans Unicode';
}

.mainSelector
{
    position:relative;
    /*border:1px solid #3b0543;*/
    border:2px solid olive;
    color:#3b0543;
    padding:4px 7px 4px 7px;
    background-color:White;
    width:90px;
    /*margin-left:5px;*/
    margin-bottom:3px;
    font-size:13px;
    text-align:center;
}
    .mainSelector a {color:purple;}

.buttonStyle{border:1px solid silver;padding:2px 8px 2px 8px;font-size:.85em;background-color:white;}
.button1{border:1px solid olive;color:olive !important;padding:2px 8px 2px 8px;font-size:1em;background-color:white;text-decoration:none;}
.button2{border:1px solid black;color:white !important;padding:2px 8px 2px 8px;font-size:1em;background-color:olive;text-decoration:none;}
.buttonText{color:black !important;font-size:.85em;}



.goldGradient{
    background-image: linear-gradient(to right, #8d8e1c, #feff79);
}
.WhiteText{color:white;}
.filterLabel{font-family:'Century Gothic', 'Montserrat', 'Lucida Sans Unicode';font-size:1.4em;color:olive;}
.myButton
{
    font-family:'Century Gothic', 'Montserrat', 'Lucida Sans Unicode';
    font-weight:bolder;
    font-size: .8em;
    padding: 3px 10px;
    margin: auto;
    margin-bottom:5px;
    color: white;
    background-color: #939611;
    /*background: -webkit-linear-gradient(white, #939611);
    background: linear-gradient(white, #939611);*/
    background: -webkit-linear-gradient(#f2f229, #6d6f0c);
    background: linear-gradient(#f2f229, #6d6f0c);
    border: 0 none;
    border-radius: 3px;
    text-shadow: 0 -1px 0 #6d6f0c;
    /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5), 0 5px 6px rgba(0, 0, 0, 0.5);*/
    cursor: pointer;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
}
.clearfix:after { 
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}

.FilmListTitle, .NonFilmListTitle
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    COLOR: #3b0543 !important;
    FONT-FAMILY: 'Century Gothic', 'Montserrat', 'Lucida Sans Unicode';
    text-decoration:none;
}
A.FilmListTitle:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    COLOR: #b52b9a;
    FONT-FAMILY: 'Century Gothic', 'Montserrat', 'Lucida Sans Unicode';
}

.smallFont{font-size:.8em;}
.smallishFont{font-size:.85em;}
.smallerFont{font-size:.9em;}
.hideThis{display:none;color:lime;}

/*#sideDiv{width:190px;left:-190px;}*/
#thebodyContent{padding:0.5em;}
#logoDiv {position:relative;background-color:white;}
#logoDiv img{padding-top:5px;padding-right:10px;height:25px;}
#headerBodyTop {display:none;}
.noShow{display:none;}
.aLink{cursor:pointer;}
.FilmTitleShortList
{
    COLOR: olive !important;
}

a.UnseenTitle
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    COLOR: olive;
    FONT-FAMILY: 'Century Gothic', 'Montserrat', 'Lucida Sans Unicode';
}
a.UnseenTitle:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    COLOR: #cc9900;
    FONT-FAMILY: 'Century Gothic', 'Montserrat', 'Lucida Sans Unicode';
}


.tooltip{
    position:absolute;
    left:-2000px;
    background-color:white;
    padding:.5em;
    border:1px solid silver;
    z-index:2;
    }

.fcHeader{margin-top:.8em;FONT-FAMILY: 'Century Gothic', 'Montserrat', 'Lucida Sans Unicode';font-size:.9em;font-weight:bold;}
#logoDiv img{height:20px;}

#videoSpinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (min-width: 335px) {
    #logoDiv img{height:25px;}
}
@media (min-width: 600px) {
  /*#headerBody{padding-left:200px;}*/
  /*#headerBar{padding-left:130px;}*/
  /*#pageNumberBody{padding-left:200px;}*/
  /*#sideDiv{width:120px;left:0px;}*/
  /*#theBody{padding-left:130px;}*/
  #thebodyContent{padding-top:0.5em;padding-right:0.5em;
                padding-bottom:1em;padding-left:0px;}
    #logoDiv {
        position: absolute;
        top: 0px;
        right: 0px;
        background-color:transparent;
    }
    #logoDiv img{height:35px;}
    #headerBodyTop {display:table-row;}
    #headerBodyTopDiv{display:table-cell;}
    #headerBodyTopDiv div {
        min-height: 41px;
    }
    .myButton
    {
        font-weight:bolder;
        font-size: .85em;
        padding: 3px 10px;
    }
    #filmListTopNavTable{float:right;}
    #filmListTopNav{display:none;}

}
@media (min-width: 800px) {
    #logoDiv img{height:auto;}
    #headerBodyTopDiv div {
        min-height: 43px;
    }
    

}