/*
    changing effective page width from 900px to 1000px
    backgroundimage with shadow from 980px to 1080px

    #outer: modify with an background
    #red-banner: modify width from 900px to 1000px
    #headersep-gold, #headersep-gray: modify width from 900px to 1000px
    #mainmenu: modify width from 900px to 1000px
    #breadcrumb: modify width from 900px to 1000px

*/

body 
{
    box-sizing:content-box;
    min-height: 100%;
}

#outer
{
    background-image: url("./Images/schatten1080_bg.png");
    background-repeat: repeat-y;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    height:auto;
    overflow: hidden !important;
    position: relative;
    width: 1080px;
}

#red-banner
{
    border-bottom: 10px solid #A51E37;
    float: left;
    height: 0;
    margin: 0 0 5px 40px;
    width: 1000px;
}

#headersep-gold, #headersep-gray
{
    height: 1px;
    width: 1000px;
    margin-left: 40px;
}

#mainmenu
{
    margin: 0 auto;
    padding: 0px;
    float: left;
    list-style: none;
    margin: 0px 0px 0px 40px;
    display: inline;
    width: 1000px;
    height: 22px;
    overflow: hidden;
}

#breadcrumb
{
    font-size: 83%;
    height: 15px;
    margin-left: 40px;
    overflow: hidden;
    padding-top: 5px;
    width: 1000px;
    box-sizing:content-box;
}

#footer
{
    
    background-image: url("./Images/schatten1080_bg.png");
    background-repeat: repeat-y;
    box-sizing:content-box;
    color: #738585;
    font-size: 80%;
    padding: 1px 0 5px 0;
    position: relative;
    width: 1080px;
    min-height: 25px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#footer div 
{
    box-sizing:content-box;
}

#footer hr 
{
    margin-top:0px;
}


#footersep
{
    box-sizing:content-box;
    border-bottom: 1px solid #32414B;
    border-top: 0 none black;
    border-left: 0 none black;
    border-right: 0 none black;
    height: 1px;
    margin-bottom: 5px;
    margin-left: 40px;
    width: 1000px;
}


/* 
 no on player page submenue: margin-left changed 30px -> 40px
*/

#content
{
    float: left;
    margin-left: 20px;
    /* overflow:hidden; */
    padding-bottom: 20px;
    width: 750px;
    min-height:680px;
}

#content-player
{
    float: left;
    margin-left: 40px;
    overflow: hidden;
    padding-bottom: 20px;
    width: 1000px;
}


/* --------------------------------------------------------
-
-    Styles for the PlayerView Elements in Index.cshtml
-
-------------------------------------------------------- */
#playertable
{
    width: 1000px;
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
}


td.pad0-w20
{
    padding: 0px 0px 0px 0px;
    width: 20px;
}



#trplayertitle, #trplayer, #trcontrol, #trend
{
    background: #324148;
}

#tdplayertitle
{
    text-align: center;
    padding: 10px 0px 10px 0px;
    font-size: 20px;
    font-weight: bold;
    color: rgb(180,160,105);
    width: 960px;
    text-align: center;
}

#playerindeximage 
{
    border:none;
}

#playerinfoimage 
{
     border:none;
     float:right;
}

#playerinfo
{
    position: absolute;
    left: 440px;
    top: 0px;
    width: 500px;
    min-height: 400px;
    max-height: 540px;
    z-index: 10;
    background-color: #ffffff;
    visibility: hidden;
    padding: 10px;
    border: 1px solid #324148;
    border-bottom-left-radius: 5px 5px;
    overflow:auto;
}

#playerindex
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 500px;
    min-height: 400px;
    max-height: 540px;
    z-index: 10;
    background-color: #ffffff;
    visibility:hidden;
    padding: 10px;
    border: 1px solid #324148;
    border-bottom-right-radius: 5px 5px;
    overflow: auto;
}

a.playerindex:link, a.playerindex:visited, a.playerindex:focus, a.playerindex:hover, a.playerindex:active  
{
    text-decoration:none!important;
    color: #32414b!important;
    font-weight: normal!important;
    /* padding: 0px 0px 10px 5px; */
    
}

#outerplayer
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 960px;
    height: 540px;
}

#playercontainer
{
    position: relative;
}

#streamformat
{
    border: 5px solid #324148;
    background: #324148;
    float: right;
    color: #b4A069;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
}

.sfoption
{
    color: #b4A069;
    padding: 0px 5px 0px 5px;
}




#javascriptenable
{
    background-color: #e0e0e0;
    border-collapse: collapse;
    width: 940px;
    height: 460px;
    padding: 10px;
    font-size: 20pt;
    text-align: center;
    vertical-align: middle;
}

#playerrequired
{
    display: none;
    visibility: hidden;
    background-color: #e0e0e0;
    border-collapse: collapse;
    width: 940px;
    height: 460px;
    padding: 10px;
}

/*
.button 
{
    background-color: #d7dcdc;
    border: 2px solid #32414b;
    border-radius: 4px;
    color: #825d2d;
            font-weight: bold;
            height: 30px;
            width:150px;
            text-align: center;
            vertical-align: middle;
            padding-left: 10px;
            padding-right: 10px;
            margin-top: 10px;
            margin-bottom: 10px;
}
*/

.button 
{
    background-color: #d7dcdc;

    color: #825d2d;
            font-weight: bold;
            height: 30px;
            width:150px;
            text-align: center;
            vertical-align: middle;
            padding-left: 10px;
            padding-right: 10px;
            margin-top: 10px;
            margin-bottom: 10px;
}
.button:hover 
{
    color:#A51E37;
}

div#playerinfo > table 
{
    border-collapse:collapse;
    overflow:hidden;
    width:100%
}

td.infoitem 
{
    text-align:right;
    padding-right:3px;
    padding-top:2px;
    padding-bottom:2px;
    vertical-align:top;
    font-style:italic;
}

td.infoitemcontent
{
    text-align:left;
    padding-left:3px;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:2px;
    vertical-align:top;
}

a.std:link, a.std:visited, a.std:active  
{
    text-decoration:underline!important;
    color: rgb(180,160,105)!important;
    font-weight: bold!important;
}

a.std:focus, a.std:hover  
{
    text-decoration:underline!important;
    color: rgb(165,30,55)!important;
    font-weight: bold!important;
}

a.uniblue:link, a.uniblue:visited, a.uniblue:active  
{
    text-decoration:none;
    color: rgb(65,90,140);
    font-weight: normal;
}

a.uniblue:focus, a.uniblue:hover  
{
    text-decoration:none;
    color: rgb(165,30,55);
    font-weight: normal;
}


.fs90 
{
    font-size:90%;
}

.fs80 
{
    font-size:80%;
}

li.std 
{
    margin:0 0 0 0!important;
    padding: 0 0 0 0!important;
    list-style-image:none!important;
    list-style-type:none!important;
}

ul.std
{
    margin:0 0 0 0!important;
    padding: 0 0 0 0!important;
}

li.pager 
{
    /* top right buttom left*/
    margin:0px 8px 0px 0px!important;
    padding: 0px 0px 0px 0px!important;
    background-image: none!important;
    list-style-image: none!important;
    list-style-type: none!important;
    display: block;
    float: left;
    height:20px;
    vertical-align:middle;
    font-size: 15px;
    font-weight:bold;
}

td.medsel 
{
    padding-left:5px;
    padding-right:5px;
    vertical-align:top;
    width:33.33%;
}

td.querytext 
{
    border-left:inset;
    border-left-color:#909090;
    border-left-width:1px;
    border-top:inset;
    border-top-color:#909090;
    border-top-width:1px;
    border-bottom:inset;
    border-bottom-color:#909090;
    border-bottom-width:1px;
}
td.querysubmit 
{
    border-right:inset;
    border-right-color:#909090;
    border-right-width:1px;
    border-top:inset;
    border-top-color:#909090;
    border-top-width:1px;
    border-bottom:inset;
    border-bottom-color:#909090;
    border-bottom-width:1px;
}

h1 
{
    padding-top:0px;
    margin-top:8px;
}