@font-face {
    font-family: Nyala;
    font-style:  normal;
    font-weight: normal;
    src: local("Nyala"), url(nyala.ttf ) format("truetype"); /* non-IE */ 
}

body {
  font-family: Nyala;

}
.category
{
    /*background-color: RGB(247,208,141);*/
    background-color: RGB(96,69,0);
    border-bottom: solid;
    border-top: solid;
    border-right: none;
    border-left: none;
    padding: 0px 0px 0px 5px;
    margin: 0px; 
    border-color: RGB(153,102,51);
    color: White;
    border-width: 1px;
    border-collapse:collapse;
    /*font-weight:bold;*/
    vertical-align: middle;
    background-position: center center;
    height:25px;
}
    
.categoryplay
{
    background-color:RGB(96,69,0);
    border-bottom:solid;
    border-top:solid;
    border-right:none;
    border-left:none;
    border-color: RGB(153,102,51);
    padding:0px 0px 0px 0px;
    color:white;
    margin:0px;
    border-width: 1px;
    border-collapse: collapse;
    font-weight:bold;
    vertical-align: middle;
    background-image:url('Images/categoryplay.gif');
    background-repeat: no-repeat;
    width:30px;
    vertical-align: middle;
    background-position: center center;
 
}
.categoryplaymouseover
{
    background-color:RGB(96,69,0);
    border-bottom:solid;
    border-top:solid;
    border-right:none;
    border-left:none;
    border-color: RGB(153,102,51);
    padding:0px 0px 0px 0px;
    color:white;
    margin:0px;
    border-width: 1px;
    border-collapse: collapse;
    font-weight:bold;
    vertical-align: middle;
    background-image:url('Images/categoryplaymouseover.gif');
    background-repeat: no-repeat;
    width:30px;
    vertical-align: middle;
    background-position: center center;
    cursor:pointer;
 
}
.categoryadd
{
    background-color:RGB(96,69,0);
    border-bottom:solid;
    border-top:solid;
    border-right:none;
    border-left:none;
    border-color: RGB(153,102,51);
    padding:0px 0px 0px 0px;
    color:white;
    margin:0px;
    border-width: 1px;
    border-collapse: collapse;
    font-weight:bold;
    vertical-align: middle;
    background-image:url('Images/categoryadd.gif');
    background-repeat: no-repeat;
    width:30px;
    vertical-align: middle;
    background-position: center center;
 
}
.categoryaddmouseover
{
    background-color:RGB(96,69,0);
    border-bottom:solid;
    border-top:solid;
    border-right:none;
    border-left:none;
    border-color: RGB(153,102,51);
    padding:0px 0px 0px 0px;
    color:white;
    margin:0px;
    border-width: 1px;
    border-collapse: collapse;
    font-weight:bold;
    vertical-align: middle;
    background-image:url('Images/categoryaddmouseover.gif');
    background-repeat: no-repeat;
    width:30px;
    vertical-align: middle;
    background-position: center center;
    cursor:pointer;
 
}
.single
{
    background-color:White; /*;RGB(252,245,219);*/
    border-bottom:solid;
    border-top:none;
    border-left:none;
    border-right:none;
    padding:0px 0px 0px 20px;
    border-spacing:0px;
    border-color:RGB(153,102,51);
    color:black; /*#808080;*/
    margin:0px;
    border-width: 1px;
    vertical-align: middle;
    background-position: center center;
    height:25px;
}
.singleplay
{
    background-color:White; 
    border-bottom:solid;
    border-top:none;
    padding:0px 0px 0px 0px;
    border-spacing:0px;
    margin:0px;
    border-color:RGB(153,102,51);
    color:#808080;
    border-width: 1px;
    background-image:url('Images/singleplay.gif');
    background-repeat: no-repeat;
    width:30px;
    vertical-align: middle;
    background-position: center center;
  
}
.singleplaymouseover
{
    background-color:White; /*;RGB(252,245,219);*/
    border-bottom:solid;
    border-top:none;
    padding:0px 0px 0px 0px;
    border-spacing:0px;
    margin:0px;
    border-color:RGB(153,102,51);
    color:#808080;
    border-width: 1px;
    background-image:url('Images/singleplaymouseover.gif');
    background-repeat: no-repeat;
    width:30px;
    vertical-align: middle;
    background-position: center center;
    cursor:pointer;
}
.singleadd
{
    background-color:White; /*;RGB(252,245,219);*/
    border-bottom:solid;
    border-top:none;
    padding:0px 0px 0px 0px;
    border-spacing:0px;
    margin:0px;
    border-color:RGB(153,102,51);
    color:#808080;
    border-width: 1px;
    background-image:url('Images/singleadd.gif');
    background-repeat: no-repeat;
    width:30px;
    vertical-align: middle;
    background-position: center center;
}
.singleaddmouseover
{
    background-color:White; /*;RGB(252,245,219);*/
    border-bottom:solid;
    border-top:none;
    padding:0px 0px 0px 0px;
    border-spacing:0px;
    margin:0px;
    border-color:RGB(153,102,51);
    color:#808080;
    border-width: 1px;
    background-image:url('Images/singleaddmouseover.gif');
    background-repeat: no-repeat;
    width:30px;
    vertical-align: middle;
    background-position: center center;
    cursor:pointer;
}
.maintable
{
    padding: 5px;
    width: 100%;
    color: #000000;
    border: solid #c3c3c3 1px;
    font-family: nyala;
    vertical-align: middle;
   /* background-color: rgb(102, 153, 255);*/
    background-position: center center;
}
.selecttable
{
    padding: 0px;
    width: 100%;
    color: #000000;
    border: solid #c3c3c3 1px;
    font-family: nyala;
    border-spacing: 0px;
    vertical-align: middle;
    background-color:White; /*;RGB(252,245,219);*/
    background-position: center center;
}
.devotcollapse
{
    background-image: url('Images/collapse.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: RGB(96,69,0);
    border-bottom: solid;
    border-top: solid;
    border-right: none;
    border-left: none;
    padding: 0px 0px 0px 5px;
    margin: 0px; 
    border-color: RGB(153,102,51);
    border-width: 1px;
    border-collapse:collapse;
    width:20px;
    vertical-align: middle;
    cursor:pointer;
    
}
.devotexpand
{
    background-image: url('Images/expand.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: RGB(96,69,0);
    border-bottom: solid;
    border-top: solid;
    border-right: none;
    border-left: none;
    padding: 0px 0px 0px 5px;
    margin: 0px; 
    border-color: RGB(153,102,51);
    border-width: 1px;
    border-collapse:collapse;
    width:20px;
    vertical-align: middle;
    cursor:pointer;
}
.singlerow
{
    
}
.remove
{
    background-color:RGB(252,245,219);
    border-bottom:solid;
    border-top:none;
    padding:0px 0px 0px 0px;
    border-spacing:0px;
    margin:0px;
    border-color:RGB(153,102,51);
    color:#808080;
    border-width: 1px;
    background-image:url('Images/remove.gif');
    background-repeat: no-repeat;
    width:30px;
    vertical-align: middle;
    background-position: center center;
}
.removemouseover
{
    background-color:RGB(252,245,219);
    border-bottom:solid;
    border-top:none;
    padding:0px 0px 0px 0px;
    border-spacing:0px;
    margin:0px;
    border-color:RGB(153,102,51);
    color:#808080;
    border-width: 1px;
    background-image:url('Images/removemouseover.gif');
    background-repeat: no-repeat;
    width:30px;
    vertical-align: middle;
    background-position: center center;
    cursor:pointer;
}
.view
{
    /*width:16%;*/
    display: inline;
    float: left;
    height: 80%; /*background-color:RGB(153,102,51);*/
    vertical-align: middle;
    border-color: White;
    border-width: 2px; /*border-style:solid;*/
    vertical-align: middle;
    padding-right: 5px;
    padding-left: 5px;
    border-right-style: solid;
    border-collapse: collapse;
}
a.viewlink:link { color: RGB(196,189,151); text-decoration: none}
a.viewlink:visited {color: RGB(196,189,151); text-decoration: none }
a.viewlink:hover { color: White; text-decoration: none }

.menu
{
   /* background-color: RGB(247,208,141);*/
    background-color: RGB(96,69,0);
    border-bottom: solid;
    border-top: solid;
    border-right: none;
    border-left: none;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
    border-color: RGB(153,102,51);
    color: White;
    border-width: 1px;
    border-collapse: collapse;
    font-weight: bold;
    vertical-align: middle;
    background-position: center center;
    height: 30px;
}
.player
{
    border-color:black;
    border-width:1px;
    border-style:solid;
}