body {
	margin:0;
	padding:0;
	/*background-color: #586270; */
	/*background-color: #F8F8F8;*/
	background-color: #AAAAAA;
	text-align:center;
	font-size: 14px;
	font-family:'Roboto-Regular',verdana,arial;
}

@font-face {
        font-family: 'Roboto-Light';
        src: url('/fonts/Roboto-Light-webfont.eot');
        src: url('/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
                url('/fonts/Roboto-Light-webfont.woff') format('woff'),
                url('/fonts/Roboto-Light-webfont.ttf') format('truetype'),
                url('/fonts/Roboto-Light-webfont.svg#Roboto-Light') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'Roboto-Regular';
        src: url('/fonts/Roboto-Regular-webfont.eot');
        src: url('/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
                url('/fonts/Roboto-Regular-webfont.woff') format('woff'),
                url('/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
                url('/fonts/Roboto-Regular-webfont.svg#Roboto-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'Roboto-Bold';
        src: url('/fonts/Roboto-Bold-webfont.eot');
        src: url('/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
                url('/fonts/Roboto-Bold-webfont.woff') format('woff'),
                url('/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
                url('/fonts/Roboto-Bold-webfont.svg#Roboto-Bold') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'RobotoCondensed-Light';
        src: url('/fonts/RobotoCondensed-Light-webfont.eot');
        src: url('/fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
                url('/fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
                url('/fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
                url('/fonts/RobotoCondensed-Light-webfont.svg#RobotoCondensed-Light') format('svg');
        font-weight: normal;
        font-style: normal;
}


#main {
	width:322px;
	height:180px;
	display: inline-block;
}
#center {
	float:left;
	width:300px;
	height:165px;
	border: 1px solid #888888;
}
#right {
	float:left;
	width:10px;
	height:165px;
	/*background-image: url(images/right_245.gif);*/
}
#left {
	float:left;
	width:10px;
	height:165px;
	*/background-image: url(images/left_245.gif);*/
}
#logo {
	width:300px;
	height:100px;	
	background-image: url(images/logo-player.png);
	background-color: #EEE;
	background: linear-gradient(0deg,#CCCCCC,#EEEEEE);
}
#logo-inner {
	width:300px;
        height:100px;
	background-image: url(images/logo-player.png);
}

#player {
	float:left;
	width:300px;
	height:30px;
	background-color: #CCC;
	padding-top: 8px;
	padding-bottom: 2px;
}
#bottom {
	float:left;
	width:300px;
	height:55px;
	margin:0px;
	padding:0px;
	background-image: url(images/bottom.gif);
}
#bottom ul{
	width:100%;
	margin:0px;
	padding:0px;
}
#bottom li{
	padding-left:10px;
	padding-right:10px;
	display: inline;
}
#bottom a{
	margin:0px;
	padding:0px;
	font-weight: bold;
	text-decoration: none;
	font-size: 8pt;
	color: #999;
}
#bottom a:hover{
	color: #444;
}

#data  {
	position: relative;
	height: 25px;
	background: #222222;
	/*background-image: url(background.gif);
        background-repeat: repeat-x;*/
	overflow: hidden;
}

#data_in {
	position: relative;
	height: 25px;
        z-index: 10;
	margin-left: 5px;
        margin-right: 5px;
	background: transparent;
	overflow: hidden;
	}


#streaminfo {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
	font: normal 0.8em Roboto-Regular, verdana, arial, sans-serif;
	color: #bbbbbb;
	font-size: 0.8em;
	overflow: hidden;
}


#content_cam_bar {
 position: absolute;
  top: 153px;
   left: 15px;
    width: 195px;
     height: 50px;
      overflow: hidden;
      }

#cover {
 position: relative;
 top: 11px;
 left: 212px;
 right: 10px;
 width: 74px;
 height: 74px;
 /* background-color: transparent; */
 border-top: 1px solid #777777;
 border-left: 1px solid #888888;
 border-right: 1px solid #666666;
 border-bottom: 1px solid #555555;
 background-color: rgba(170,170,170,0.3);
 box-shadow:         5px 5px 5px -2px #777777;
        -ms-box-shadow:     5px 5px 5px -2px #777777;
        -moz-box-shadow:    5px 5px 5px -2px #777777;
        -webkit-box-shadow: 5px 5px 5px -2px #777777;
}

button {
  margin-left: 1px;
  border: 1px solid #AAAAAA;
  border-radius: 4px;
  min-height: 25px;
  min-width: 45px;
  color: #333333;
  background-color: #EEEEEE;
  line-height: 25px;
}

button#volume-up-button, button#volume-down-button {
  min-width: 25px;
  width: 25px;
  padding-left: 5px;
  padding-right: 5px;
}

#volume-screen {
  margin-right: 5px;
  border: 1px solid #AAAAAA;
  border-radius: 4px;
  height: 23px;
  width: 3px;
  float: right;
}

.vol {
  background: linear-gradient(0deg,#CCCCCC,#EEEEEE);
}

.vol_2 {
  background: linear-gradient(0deg,#5A86CC 10%,#EEEEEE 30%);
}
.vol_3 {
  background: linear-gradient(0deg,#5A86CC 20%,#EEEEEE 40%);
}
.vol_4 {
  background: linear-gradient(0deg,#5A86CC 30%,#EEEEEE 50%);
}
.vol_5 {
  background: linear-gradient(0deg,#5A86CC 40%,#EEEEEE 60%);
}
.vol_6 {
  background: linear-gradient(0deg,#5A86CC 50%,#EEEEEE 70%);
}
.vol_7 {
  background: linear-gradient(0deg,#5A86CC 60%,#EEEEEE 80%);
}
.vol_8 {
  background: linear-gradient(0deg,#5A86CC 70%,#EEEEEE 90%);
}
.vol_9 {
  background: linear-gradient(0deg,#5A86CC 90%,#EEEEEE 100%);
}
.vol_10 {
  background: linear-gradient(0deg,#5A86CC 100%,#EEEEEE 100%);
}

#stream_select {
 margin-left: 10px;
 margin-right: 5px;
 vertical-align: top;
 height: 25px;
 min-height: 25px;
 min-width: 100px;
 color: #333333;
 background-color: #EEEEEE;
 font-famliy:  Roboto-Light, verdana, arial;
 font-size: 0.8em;
 line-height: 25px;
 border: 1px solid #AAAAAA;
 border-radius: 4px;
 padding: 2px;
}

#media-controls-1 {
 padding-left: 5px;
}

.hidden {
 display: none;
}