html {
    height:100%;
}

body { 
    font-family:Helvetica,Arial;
    font-size:13pt;
    height:100%;
}



.control {
    width:85px;
    height:25px;
    border-radius:20px;
    font-weight:bold;
    font-size:11pt;
    text-align: center;
    padding: 0px;
    background-color:cyan;
    color:royalblue;
}

.control-small {
    width:60px;
    height:20px;
    border-radius:16px;
    font-weight:bold;
    font-size:8pt;
    text-align: center;
    padding: 0px;
    background-color:cyan;
    color:royalblue;
}


.control-wide {
//    width:85px;
    font-size:11pt;
    height:25px;
    border-radius:20px;
    font-weight:bold;
    text-align: center;
    padding: 0px 20px;
    background-color:cyan;
    color:royalblue;
}

.episode {
    border-color:royalblue;
    border-style:none none solid none;
    padding: 3px;
}

.episode-buttons {

}

.episode-src {
    font-weight:bold;
}

@media only screen and (max-device-width: 800px) and (orientation: landscape) {

    body { 
	font-size:20pt;
    }

    .control {
	width:110px;
	height:30px;
	font-size:17pt;
    }

    .control-small {
	width:80px;
	height:25px;
	font-size:15pt;
    }


    .control-wide {
    font-size:17pt;
    height:30px;
    }

    
}


@media only screen and (max-device-width: 800px) and (orientation: portrait) {

    body { 
	font-size:22pt;
	font-weight:700;
    }

    .control {
	width:140px;
	height:40px;
	font-size:20pt;
    }


    .control-small {
	width:115px;
	height:30px;
	font-size:18pt;
    }


    .control-wide {
    font-size:20pt;
    height:40px;
    }
}


#screen-container {

	
    max-width:900px;
    width:100%;
    height:85%;


    margin-left: auto;
    margin-right: auto;

    border:3px solid;
    border-radius:25px;
    border-color:royalblue;
    padding: 20px;

}

#auto-slider {
    width:250px;
    height:10px;
    margin:0px 7px;
}

#controls {
    width:100%;
    height:5%;
    text-align: center;
}


#episodes-container {

    width:100%;
    height:93%;
    overflow:auto;
}


.src-name {
//    font-size:1.5em;
    font-weight:bold;
}

.src-logo {
    height:20px;
    width:20px;
}

.episode-img-large {
    max-width:100%;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.episode-img-medium {
    width:200px;
}


.episode-img-small {
    width:100px;
}


table {
    font-size:inherit;
}


img {
}

.my-link {

}


#login-container {
    display:none;
}

#bottom-nav {
    text-align: center;
}

#settings-table  {
    border:2px solid;
    border-collapse:collapse;

    margin-left: auto;
    margin-right: auto;
}


#settings-table td {
    border:2px solid;
    vertical-align:top;
}

#settings-table th {
    border:2px solid;
    vertical-align:top;
}


#settings-controls {
    width:100%;
    max-width:900px;

    margin-left: auto;
    margin-right: auto;

    text-align: center;
}

.login-logo {
    height:20px;
}

.img-profile {
    weidth:40px;
    height:40px;
}

#footer {
    margin-left: auto;
    margin-right: auto;

    text-align: center;
}


#div-interests {
    margin-left: auto;
    margin-right: auto;

    text-align: center;
}

#player-div {
    margin-left: auto;
    margin-right: auto;
}