body{
background-color:black;
color:rgba(207, 177, 125, 1);
margin: 0;
padding: 0;
text-align: center;
font-family: "Very damaged", Arial, Helvetica, sans-serif;
}
button{
border: thin solid;
background-color:#144b18;
color:#CFB17D;
outline: none;
}

input {
outline: none;
}



/* global container */
#rc_content{
width: 800px;
height: 350px;
margin: 20px auto 0 auto;
padding: 10px;
border: 1px solid rgba(207, 177, 125, 1);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-image:url("/images/remoteTaar/rc_background2.png");
background-position:left top;
background-repeat: no-repeat;
background-color:transparent;
}

#rc_title{
font-family:"Very damaged", Arial, Helvetica, sans-serif;
color:#144b18;
font-size:42px;
text-align: center;
width: 500px;
margin: 0 auto;
background-color: rgba(0, 0, 0, 0.8);
border: 1px solid rgba(42, 42, 42, 1);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/* login form container */
#rc_page_0{
width:800px;
clear:left;
height:300px;
margin: auto;
}
#f_login fieldset {
margin:10px;
padding:10px;
width: 758px;
height: 260px;
border: 1px solid rgba(207, 177, 125, 0.5);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#f_login fieldset legend {
color:rgba(207, 177, 125, 1);
font-size:28px;
text-align: left;
margin: 10px;
}
#f_login div {
float:left;
}
#f_login_input {
width: 69%;
}
#i_login, #i_password{
width:300px;
height:60px;
margin-left: auto;
margin-right: auto;
display: block;
font-size:32px;
padding-left: 10px;
}
#i_login{
margin-top: 30px;
margin-bottom: 20px;
}
#f_login_submit {
width: 29%;
}
#b_login{
margin-top: 40px;
}

/* player selection container */
#rc_page_1{
width:800px;
height:350px;
}
.rc_ui_menu {
margin-top: -50px;
width: 800px;
text-align: left;
}
.b_ui_menu_exit{
float: right;
}
#rc_player_content{
}
#rc_player_list{
float:right;
width: 70%;
margin-right: 10px;
height: 255px;
padding: 5px;
overflow-x: hidden;
overflow-y: auto;
}
#rc_update_player{
margin-top:20px;
height: 265px;
}
.b_player{
margin-bottom: 3px;
font-weight: bold;
}
#b_update_player_list{
margin-top: 80px;
margin-left: 80px;
}

/* footer */
#rc_footer{
color:#144b18;
font-size: 11px;
position:absolute;
top: 374px;
margin-left:680px;
}

/* player control container */
#rc_page_2{
width:800px;
}
#rc_player_connected{
margin: 0 auto;
padding:0;
font-size: 20px;
background-color: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:300px;
}

#rc_control button,
#rc_sound button{
margin: 15px;
}


/* Buttons */
#b_login,
#b_control_next,
#b_control_play,
#b_control_prev,
#b_sound_down,
#b_sound_mute,
#b_sound_up,
#b_ui_menu_reload,
#b_ui_menu_control,
.b_ui_menu_exit,
#b_update_player_list
{
background-position:left top;
background-repeat: no-repeat;
background-color:transparent;
color:transparent;
cursor: pointer;
border: none;
display: inline-block;
}
#b_login,
#b_control_next,
#b_control_play,
#b_control_prev,
#b_sound_down,
#b_sound_mute,
#b_sound_up,
#b_update_player_list
{
background-size: 117px 300px;
width: 117px;
height:100px;
}
#b_login:hover,
#b_control_next:hover,
#b_control_play:hover,
#b_control_prev:hover,
#b_sound_down:hover,
#b_sound_mute:hover,
#b_sound_up:hover,
#b_update_player_list:hover{
background-position:0 -100px;
}

#b_login:active,
#b_control_next:active,
#b_control_play:active,
#b_control_prev:active,
#b_sound_down:active,
#b_sound_mute:active,
#b_sound_up:active,
#b_update_player_list:active{
background-position:0 -200px;
}
.b_ui_menu_exit,
#b_ui_menu_control,
#b_ui_menu_reload
{
background-size: 75px 192px;
width: 75px;
height:64px;
}
#b_ui_menu_control:hover,
#b_ui_menu_reload:hover,
.b_ui_menu_exit:hover{
background-position:0 -64px;
}

#b_ui_menu_control:active,
#b_ui_menu_reload:active,
.b_ui_menu_exit:active{
background-position:0 -128px;
}
.b_player,
#rc_player_list .b_player_assigned
{
background-size: 388px 174px;
background-position:left top;
background-repeat: no-repeat;
background-color:transparent;
color:#144b18;
font-size: 28px;
width: 388px;
height:58px;
cursor: pointer;
border: none;
display: inline-block;
text-align: left;
padding-left: 70px;
}
#rc_player_list .b_player_assigned:hover,
.b_player:hover{
background-position:0 -58px;
}

#rc_player_list .b_player_assigned:active,
.b_player:active{
background-position:0 -116px;
}

#b_login							{background-image:url("/images/remoteTaar/b_login.png");}
#b_control_next						{background-image:url("/images/remoteTaar/b_control_next.png");}
#b_control_play						{background-image:url("/images/remoteTaar/b_control_play.png");}
#b_control_prev						{background-image:url("/images/remoteTaar/b_control_prev.png");}
.b_ui_menu_exit						{background-image:url("/images/remoteTaar/b_exit.png");}
#b_sound_down						{background-image:url("/images/remoteTaar/b_sound_down.png");}
#b_sound_mute						{background-image:url("/images/remoteTaar/b_sound_mute.png");}
#b_sound_up							{background-image:url("/images/remoteTaar/b_sound_up.png");}
#b_ui_menu_control					{background-image:url("/images/remoteTaar/b_ui_menu_control.png");}
#b_ui_menu_reload					{background-image:url("/images/remoteTaar/b_ui_menu_reload.png");}
#b_update_player_list				{background-image:url("/images/remoteTaar/b_update_player_list.png");}
.b_player							{background-image:url("/images/remoteTaar/b_player.png");}
.b_player							{background-image:url("/images/remoteTaar/b_player.png");}
#rc_player_list .b_player_assigned	{background-image:url("/images/remoteTaar/b_player_assigned.png");}