@font-face {
  font-family: survivant;
  src: url("../fonts/survivant.eot");
  src:        url("../fonts/survivant.svg#survivant") format("svg"),
      url("../fonts/survivant.eot?#iefix") format("embedded-opentype"),
       url("../fonts/survivant.woff") format("woff"),
       url("../fonts/survivant.woff2") format("woff2"),
       url("../fonts/survivant.ttf") format("truetype");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 }

* 
{ 
    margin:0; 
    padding:0;
}

body 
{
    font: 14px Arial;
    height: 100%;
    color: #fff;
}

html
{
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
}

.PageDivider
{
    width : 1150px;
    margin : 0 auto;
    word-wrap: break-word;
}

.LeftBar
{
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
}

.LeftBarContent
{
    background-color: #333;
    margin: auto;
    margin-top: 10px;
    word-wrap: break-word;
    text-align: center;
    width: 171px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    border: 1px #fff solid;
}

.MiddleBar
{
    float: left;
    text-align: center;
    width: 960px;
}

.MiddleBarSpace
{
    color:#c8f4ff;
    text-shadow: 0 0 16px #20cefa;
    float: left;
    text-align: center;
    background-color: #333;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    width: 189px;
}

.MiddleBarLinksContainer
{
    margin-left: 190px;
    text-align: center;
    background-color: #333;
    height: 30px;
    width: 768px;
    line-height: 30px;
    border: 1px solid #fff;
}

.MiddleBarLinksContent
{
    display: inline-block;
}

.MiddleBarTitles
{
    text-align: center;
    height: 100px;
    width: 960px;
}

.SeasonTitle
{
    margin-top: 24px;
    text-align: center;
}
.PageName
{

    margin-top: 24px;
    text-align: center;
}

.TitleText
{
    background: #333;
    border: 1px solid #fff;   
    background-color: #333;
    color: #fff;
    display: inline-block;
    max-height: 30px;
    text-align: center; 

    padding: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

.MiddleBarContent
{
    margin-top: 10px;
    width: 956px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}

.MiddleBarNewsHidden
{
    display: none;
}

.Link
{
    background:#333333;
    float: left;
    height: 30px;
    width: /*109px;*/ 95.375px;
    text-align: center;
    vertical-align: middle;
}

Img.Top
{
    vertical-align: middle;
    margin-top: -4px;
}

.RightBar 
{
    margin-left: 10px;
    float: left;
    text-align: center;
    width: 180px;
    color: #c0c0c0;
}

.RightBarImage
{
    background: #333;
    margin: auto;
    text-align: center;
    width: 175px;
    height: 115px;
    border: 1px #fff solid;
    margin-top: 40px;
}

.RightBarContent
{
    margin: auto;
    margin-top: 10px;
    background: #333;
    width: 171px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    border: 1px #fff solid;
}

a:link {
    color:#71f3ff;
    font-weight: bold; 
    text-decoration:none; 
}

a:visited{
        color:#71f3ff;
        font-weight: bold; 
        text-decoration:none; } 

a:hover {
        color:#71f3ff;
        font-weight: bold; 
        text-decoration:underline;} 

a:active {
    color:#71f3ff;
    font-weight: bold; 
    text-decoration:underline;}

@media screen and (max-width: 1172px)
{

    .PageDivider
    {
        width : 960px;
    }

    .RightBar, RightBarTop, RightBarImage, RightBarContent
    {
        display: none;
    }
    
    .MiddleBarNewsHidden
    {
        display: block;
        text-align: center;
    }
}

td.logo
{
    padding-top: 15px;
}

.DivTableHome {
    display: inline-block;
}

.DivRowHome {
    text-align: center;
}

.DivCellHome {
    display: inline-block;
    width: 190px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
}

a.TopLink:link {
    color:#fff;
    font-weight: bold; 
    text-decoration:none;}

a.TopLink:visited {
    color:#fff;
    font-weight: bold; 
    text-decoration:none;} 

a.TopLink:hover {
    color:#71f3ff;
    font-weight: bold; 
    text-decoration:underline;} 

a.TopLink:active {
    color:#fff;
    font-weight: bold; 
    text-decoration:underline;}

input.syncNicknames
{
    width: 270px;
}

input.EditButtons {
    width: 350px;
}

.DivCellEditGap1 {
    display: inline-block;
    width: 170px;
    text-align: left;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
    padding: 5px;
    /*background-color: #fff;*/
}

.DivCellEditGap2 {
    display: inline-block;
    width: 160px;
    text-align: left;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
    padding: 5px;
    /*background-color: #fff;*/
}

.DivCellEditGap3 {
    display: inline-block;
    width: 121px;
    text-align: left;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
    padding: 5px;
    /*background-color: #fff;*/
}

.DivCellEditPlural {
    display: inline-block;
    width: 132px;
    text-align: left;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
    padding: 5px;
    /*background-color: #000;*/
}

.DivCellEdit {
    display: inline-block;
    width: 220px;
    text-align: right;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
    vertical-align: middle;
    margin-bottom: 2px;
}

.DivCellEditText {
    display: inline-block;
    width: 120px;
    text-align: right;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
}

.DivCellEditNo {
    display: inline-block;
    width: 15px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
    overflow: hidden;
    white-space: nowrap;
}

.DivCellEditName {
    display: inline-block;
    width: 150px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
}

.DivCellEditNickname {
    display: inline-block;
    width: 100px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
}

.DivCellEditGender {
    display: inline-block;
    width: 100px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
}

.DivCellEditImage {
    display: inline-block;
    width: 375px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
}

.DivCellEditImagePersonal {
    display: inline-block;
    width: 300px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
}

input.EditName
{
    width: 140px;
}

input.color
{
    width: 220px;
}

input.EditNickname
{
    width: 80px;
}

select.EditGender
{
    width: 100px;
}

input.EditImage
{
    width: 350px;
}

input.EditImagePersonal
{
    width: 275px;
}

input.checkbox
{
    width: 25px;
    vertical-align: middle;
}

input.AdvancedEdit
{

-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    
    width: 188px;
    display: table-cell;
    text-align: left;
    float:left;
}

input.AdvancedEditOriginal
{

-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    
    width: 116px;
    display: table-cell;
    text-align: left;
    float:left;
}

select.AdvancedEdit
{

-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    
    width: 188px;
    display: table-cell;
    text-align: left;
    float:left;
}

select.AdvancedEditOriginal
{

-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    
    width: 116px;
    display: table-cell;
    text-align: left;
    float:left;
}

.AdvancedEditSearch
{
    line-height: 20px;
    float:left; 
    width: 188px;
    border: 0px #fff solid;
    overflow:hidden;
}

.AdvancedEditSearchOriginal
{
    line-height: 20px;
    float:left; 
    width: 116px;
    border: 0px #fff solid;
    overflow:hidden;
}

input.AdvancedEditSearch
{

-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    
    width: 188px;
    display: table-cell;
    text-align: left;
    float:left;
    margin-top: 5px;
    margin-left: 1px;
}

input.AdvancedEditSearchOriginal
{

-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    
    width: 116px;
    display: table-cell;
    text-align: left;
    float:left;
    margin-top: 5px;
    margin-left: 1px;
}

select.AdvancedSelectOriginal
{

-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    
    width: 188px;
    display: table-cell;
    text-align: left;
    float:left;
}

select.AdvancedSelectOriginal
{

-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    
    width: 116px;
    display: table-cell;
    text-align: left;
    float:left;
}


select
{
    width: 188px;
}

input
{
    width: 188px;
}

.DivTable {
    display: inline-block;
}

.DivRow {
    text-align: center;
}

.DivCell {
    display: inline-block;
    width: 190px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
    vertical-align: text-top;
}

.DivCellOriginal {
    display: inline-block;
    width: 118px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
    vertical-align: text-top;
}

.DivCellAdvanced {
    display: inline-block;
    width: 95px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
    vertical-align: text-top;
}

.DivCellAdvancedOriginal {
    display: inline-block;
    width: 118px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
    vertical-align: text-top;
}

img.cast{
        height: 90px;
        width: 90px;
	border: 1px solid #000;
}

img.castdouble{
        height: 90px;
        width: 90px;
	border: 1px solid #000;
        margin-left: 90px;
}

img.castdesaturated{
        height: 90px;
        width: 90px;
	border: 1px solid #000;
        filter: grayscale(1);
}

img.logo{
    background-color: #333;
        height: 115px;
        width: 175px;
	border: 1px solid #000;
        text-align:center;
}

.DivCellEditAlternate {
    display: inline-block;
    width: 230px;
    text-align: center;
    font-size: 12px; 
    font-weight: bold; 
    font-family: arial;
}

input.EditButtons
{
    width: 130px;
    text-align:center;
}

input.Alternate
{
    width: 220px;
}

select.AdvancedLogo
{
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    
    width: 224px;
    display: table-cell;
    text-align: left;
    float:left;
    margin-left: 0px;
}

a.OptionLink:link {
    color:#fff;
    font-weight: bold; 
    text-decoration:none;}

a.OptionLink:visited {
    color:#fff;
    font-weight: bold; 
    text-decoration:none;} 

a.OptionLink:hover {
    color:#71f3ff;
    font-weight: bold; 
    text-decoration:underline;} 

a.OptionLink:active {
    color:#fff;
    font-weight: bold; 
    text-decoration:underline;}