BODY {
    FONT-SIZE: 15px; MARGIN: 0px; COLOR: #333; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff
}

fieldset {
    border:  1px solid #D0D0D0;
    
}

.small{
    FONT-SIZE: 8pt; MARGIN: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/*---------- SONGS TABLES COLORS ---------*/
.songs_1{
background-color: #f7f7f7 ;
}
.songs_2{
background-color: #FCFCFC;
}

.songs_1:hover{
background-color: #F4F9FF;
}
.songs_2:hover{
background-color: #F4F9FF; 
}

.row_checked{
  background-color: #EAFFEA;  
}
/*------ SPARATE LINKE ----------------*/
.separate_line{
border-width: 1px;border:1px dashed #EFEFEF;
}
/*---------- LINKS ----------*/
A {
    COLOR: #0086C6; TEXT-DECORATION: none
}
A:hover {
    COLOR: #00A8F9; TEXT-DECORATION: underline
}
A:active {
    COLOR: #00A8F9; TEXT-DECORATION: underline
}

.title {
    FONT-SIZE: 10pt; BACKGROUND: ; COLOR: #458A00; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; font-weight:bold
}

TABLE.menubar {
    WIDTH: 100%
}
TD {
    FONT-SIZE: 15px
}
TABLE.adminheading {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 100%; COLOR: #c64934; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}

TABLE.adminheading TD {
    COLOR: #000
}
TABLE.adminform {
    BORDER-RIGHT: #d5d5d5 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #d5d5d5 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #d5d5d5 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #d5d5d5 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #f9f9f9
}
TABLE.adminform TD {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: left
}
TABLE.cpanel TD {
    TEXT-ALIGN: center
}
FORM {
    MARGIN: 0px
}
DIV.centermain {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
DIV.main {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 99%; PADDING-TOP: 0px
}
#cpanel {
    VERTICAL-ALIGN: middle; TEXT-ALIGN: center
}
#cpanel DIV.icon {
    MARGIN: 3px
}
#cpanel DIV.icon A {
    BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; DISPLAY: block; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #ddd 1px solid; WIDTH: 110px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; HEIGHT: 100px; TEXT-DECORATION: none
}
#cpanel DIV.icon A:link {
    COLOR: #808080
}
#cpanel DIV.icon A:hover {
    BORDER-RIGHT: #c24733 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #c24733 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; BORDER-LEFT: #c24733 1px solid; COLOR: #333; PADDING-TOP: 3px; BORDER-BOTTOM: #c24733 1px solid; BACKGROUND-COLOR: #f1e8e6
}
#cpanel DIV.icon A:active {
    COLOR: #808080
}
#cpanel DIV.icon A:visited {
    COLOR: #808080
}
#cpanel DIV.icon IMG {
    MARGIN-TOP: 13px
}
#cpanel DIV.icon SPAN {
    DISPLAY: block; PADDING-TOP: 3px
}
A.tooltip {
    COLOR: black; BORDER-BOTTOM: #aaa 1px dashed; TEXT-DECORATION: none
}
A.tooltip:hover {
    COLOR: black; BORDER-BOTTOM: #aaa 1px dashed; TEXT-DECORATION: none
}
A.tooltiplink {
    DISPLAY: block; WIDTH: 100%
}
A.tooltiplink:hover {
    TEXT-DECORATION: none
}
DIV.footer {
    CLEAR: both; MARGIN-TOP: 10px
}


table.grid {
    border: 1px solid #ccc;
    
    color: #333;
}



table.grid a {
    text-decoration: none;

    color: #f60;
    font-weight: bold;
}

table.grid a:hover {
    text-decoration: none;
    color: #369;
}

table.grid tr th a {
    color: #369;
}

table.grid tr th a:hover {
    color: #369;
}

table.grid thead tr th {
    text-transform: uppercase;
    background: #e2e2e2;
    font-size:15px;
}

table.grid tfoot tr th, table.grid tfoot tr td {
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    
}

table.grid td{
    
    padding: 5px;
    FONT-SIZE: 15px;
}

table.grid th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    font-size:12px;
    
}

table.grid tr.odd th, table.grid tr.odd td {
    background: #efefef;
}

/***********************************************/
.form {
    border-right: #ccc 1px solid; 
    padding-right: 1px; 
    border-top: #ccc 1px solid; 
    padding-left: 1px; 
    background: #ffffff; 

    border-left: #ccc 1px solid; 
    border-bottom: #ccc 1px solid
}
.infoText {
    color: #f60;
    font-weight: bold;
    padding-left: 10px;
}
input.btn {
    border-right: #666 1px solid; 
    border-top: #999 1px solid; 
    font-weight: bold; 
    border-left: #999 1px solid; 
    color: #333; 
    border-bottom: #666 1px solid; 
    font-family: 'trebuchet ms',helvetica,sans-serif;
    filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#efefef');
}



#passwordStrength
{
    height:3px;
    display:block;
    float:center;
}

.strength0
{
    width:250px;
    background:#cccccc;
}

.strength1
{
    width:50px;
    background:#ff0000;
}

.strength2
{
    width:100px;    
    background:#ff5f5f;
}

.strength3
{
    width:150px;
    background:#56e500;
}

.strength4
{
    background:#4dcd00;
    width:200px;
}

.strength5
{
    background:#399800;
    width:250px;
}


/* ---------- Tabs ------------ */
.tabs {
width: 100%;
margin: 0px;
    }
    
.tab_active {
    -moz-border-radius: 5px 5px 0px 0px;
    border-color: #aaa;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: #000;
    float: right;
    width: 50px;
    cursor: default;
    font-weight: bold;
    padding: 2px;
    font-size: 10pt;
    text-align: center;
    background-image:url('images/tabs_shade.gif')
}

.tab_inactive {
    -moz-border-radius: 5px 5px 0px 0px;
    border-color: #aaa;
    border-style: solid;
    border-width: 1px;
    background-color: #ddd;
    color: #777;
    float: right;
    width: 50px;
        cursor:pointer;
    cursor: hand;
    padding: 2px;
    font-size: 10pt;
    text-align: center;
}

.tab_content {
    
    width: 100%;
    border: 1px solid #ccc;

    color: #000;
    float: right;
    text-align: right;
    }

.tab_container {
width: 100%;
align: center;
text-align: center;
}