* {
    margin:0;
    padding:0; }
* a {
outline-style:none;
}
body {
    background:transparent url(/images/background.gif) repeat scroll 0 0;
    color:#333333;
    font-family:Arial;
    font-size:12px;
    margin:0;
    padding:0; }

html { overflow-y:scroll; }
img { border:none;  }
#player {
    border-bottom:2px solid #eee;
    clear:left;
    height:570px;
    padding:2px; }
#favor {
    clear:left;
    padding:2px; }

.ln-letters {
    clear:right;
    float:right;
    margin:4px -3px 5px 0;
    overflow:hidden; }

    .ln-letters a {
        background:white none repeat scroll 0 0;
        border-color:#DDDDDD;
        border-style:solid solid solid none;
        border-width:1px 1px 1px medium;
        color:black;
        display:block;
        float:left;
        font-size:180%;
        font-weight:lighter;
        padding:2px 4px;
        text-decoration:none; }

    .ln-letters:first-child { border-left:1px solid #ddd; }

    .ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#9DD0FD; }

    .ln-letters a.ln-disabled { color:#ccc; }

.ln-letter-count {
    color:#336699;
    font-size:0.8em;
    line-height:1;
    margin-bottom:3px;
    text-align:center; }

li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none; }

#listWrapper {
    text-align:right;
    width:510px; }

#artists li {
    float:right;
    width:100%; }

#artists a {
background:#F6F6F6 url(/images/pngs/message.png) no-repeat scroll 100% 50%;
border:1px solid #CECECE;
color:#000000;
display:block;
font-size:15px;
margin:0 0 2px 0;
padding:3px 35px;
text-align:right;
}
    #artists a:hover { background-color:#ccecff }
#social {
width:100%;
height:32px;}
/*overflow:hidden;
}
#social img {
position:relative;
top:16px;
overflow:hidden;
}*/
/*
from login screen  -****************************************---

*/
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; }

#wrap {
    direction:rtl;
    padding:10px;
    text-align: right;
    width: 450px; }

    #wrap input[type=text],#wrap input[type=password] {
        background: #fff;
        border: 1px solid #ccc;
        color: #333;
        margin-bottom: 2px;
        padding: 5px;
        width: 95%; }

    #wrap input[type=submit] {
        background: #eee;
        border: 3px double #ccc;
        font-size: 1em;
        padding: 2px;
        width: 50%; }

    #wrap input:focus { background-color: #FFFFCC; }

    #wrap select {
        background: #fff;
        border: 1px solid #ccc;
        font-size: 1em;
        margin-bottom: 8px;
        padding: 2px;
        width: 90%; }

    #wrap form br {
        clear: left;
        display: block;
        margin-bottom: 1em; }

    #wrap form div.column {
        float: left;
        margin-right: 20px;
        width: 45%; }

#searchWrapper input,#bigbox input {
    background:#fdfdfd;
    border:1px solid #000;
    color:#444;
    font:11px Verdana;
    padding:5px;
    width:221px; }

#searchWrapper input:focus,#bigbox input:focus {
    background:#f9f9f9;
    border:1px solid #000; }

.tabtab { height:500px; }

#top {
    height:84px;
    margin:0 auto;
    padding:0;
    width:95%; }

#topfull {
    background:#fff;
    border-bottom:3px solid #CBCBCB;
    height:90px;
    margin:0 auto;
    padding:0;
    width:100%; }

#container {
    background-color:#fff;
    border:2px solid #cbcbcb;
    margin:15px auto;
    width:78%; }

#ads-top {
    background-color:#fff;
    border:3px solid #EEEEEE;
    height:95px;
    margin:0 auto;
    text-align:center;
    width:84%; }

#visualfull {
    background-color:#71C9F1;
    border-bottom:3px #cbcbcb solid;
    height:57px;
    width:100%; }

#logo {
    float:right;
    height:80px;
    margin-top:9px;
    padding:0;
    width:230px; }

#long {
background-color:#F8F8F8;
border:1px solid #CBCBCB;
color:#ADADAD;
direction:rtl;
float:left;
min-height:70px;
margin:6px 7px 1px 70px;
padding:3px;
font-size:12px;
text-align:right;
width:56%; }

    #long pre {
        font-size:110%;
        padding: 0 10px; }
	#interboxtext .det { 
	float:right;
	width:35%;
	line-height:190%;
	}
	#interboxtext .inp {
	float:right;
	width:88%;
	}
	#interboxtext .inp textarea {
	border:1px #aaa solid;
	height:65px;
	width:100%;
	overflow:hidden;
	font-size:13px;
	}
	#interboxtext .snd {
float:left;
padding-left:4px;
padding-top:20px;
width:19%;
	}
#fav {
font-size:16px;
width:98%;
padding:3px;
border-bottom:2px solid #CBCBCB;
}
#fav img {
vertical-align:middle;
width:32px;
}
#fav a {
text-decoration:none;
color:#333;
}
#fav a:hover {
color:#ccc
}
#smallbox {
    border:1px solid #6194BC;
    clear:right;
    color:#CCFFFF;
    float:left;
    height:80px;
    margin-left:10px;
    padding:2px;
    width:150px; }

#bigbox {
    border:4px solid #85B0DD;
    clear:right;
    color:#CCFFFF;
    float:left;
    height:80px;
    margin-left:10px;
    padding:2px;
    width:235px; }

h2 { font-size:18px; }

#tabsdiv { min-height:500px; }

#ads-side-left {
    height:600px;
    left:0;
    position:absolute;
    width:121px; }

#player-ads {
    margin:0 auto;
    padding-top:10px;
    text-align:center;
    width:250px; }

.visutext {
    background-color:#66CCFF;
    color:#CCFFCC;
    font-size:25px;
    height:130px;
    height:200px;
    padding:2px;
    width:750px; }

#logindiv { 
padding:2px; 
border-bottom:2px solid #CBCBCB;
font-size:14px;
display:none;
}

#loggedin {
    color:#ccc;
    float:left; 
    position:absolute;
    }

    #loggedin a { color:#333; }

#interbox {
    background-color:#F7FBFD;
    border:8px solid #d9d9d9;
    color:#888888;
    direction:rtl;
    display:none;
    left:40%;
    padding:13px;
    position:fixed;
    top:150px;
    width:330px;
    z-index:100000000; }

    #interbox #interboxtitle {
        border-bottom:1px solid #76858D;
        color:#76858D;
        float:right;
        font-size:15px;
        padding:3px;
        width:85%; }

    #interbox #interboxtext {
        clear:both;
        color:black;
        padding:10px; }

    #interbox #interboxclock {
        float:left;
        width:10%; }

    #interbox input[type=text],#interbox select {
        background: #fff;
        border: 1px solid #ccc;
        color: #333;
        margin-bottom: 2px;
        padding: 5px;
        width: 90%; }
h1 {
    color:#333;
    font-family:"Times New Roman", Times, serif;
    font-size:3.8em;
    font-weight:normal;
    letter-spacing:-1px;
    margin:20px 0; }

    h1 a {
        color:#333;
        text-decoration:none; }

#footer {
    
    clear:both;
    color:#66C3E0;
    direction:ltr;
    margin:0;
    width:100%;
    text-align:center; }

    #bottom {
background-color:#333333;
border-top:8px solid #7c95af;
clear:both;
color:#B3B3B3;
direction:ltr;
font-weight:bold;
margin:0;
width:100%;}
#bottom a {
    color:#A8C7F5;
    }
    #bottom .bright {
    width:98%;
	margin-top:5px;
    text-align:right;
    height:63px;
    }
        #bottom .bleft {
    width:100%;
    text-align:left;
    }
    #bottom .box {
    width:100px;
    font-size:12px;
    float:right;
    font-weight:normal;
    }
    #bottom .box strong {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	color:#D2D2D2;
    }
    #bottom .box a {
    color:#A8C7F5;
    }
    #searchWrapper  {
    clear:right;
    display:none;
    margin-top:15px;
    }
#header { border-top:20px solid #BCE77C; }

    #header .description {
        color:#222;
        float:right;
        margin:45px 0 0 0; }

    #header h1 {
        border-bottom:20px solid #fafafa;
        margin:15px 0 0 0;
        padding:25px 25px 40px 0; }

#wrapper {
    margin:0 auto;
    width:98%; }

ul#nav {
background:#71C9F1 none repeat scroll 0 0;
color:white;
font-weight:bold;
padding-right:15px;
padding-top:11px;
vertical-align:text-bottom;
}
    ul#nav li {
        display:inline;
        list-style:none;
        margin-right:10px; }

        ul#nav li a {
            color:#fff;
            outline-style:none;
            text-decoration:none; }

            ul#nav li a:hover {
                background:#60AACC;
                color:#fff;
                outline-style:none; }

            ul#nav li a.active {
                background: #fff;
                border-bottom: 4px solid #4E8AA6; 
                border-right: 3px solid #4E8AA6; 
                color: orange;
				padding:1px;
			}	
#content {
    direction:rtl;
    float:right;
    width:54%; }

    #content p {
font-size:13px;
line-height:17px;
padding:2px 10px;
}
    #content ul a { text-decoration:none; }

        #content ul a:hover { text-decoration:none; }

    #content h2 a {
        border:none;
        color:#444;
        text-decoration:none; }

#sidebar {
    border-right:2px solid #CBCBCB;
    color:#000;
    direction:rtl;
    float:left;
    height:100%;
    padding:15px 0 0;
    width:45%;
    /*  border-:1px solid #eee;
    border-bottom:1px solid #eee;*/ }

    #sidebar h2 {
        color:#333;
        color:#898868;
        font-size:1.4em;
        letter-spacing:2px;
        padding:0 0 3px 0; }

    #sidebar ul {
        list-style:none;
        margin:0 0 20px 0; }

    #sidebar li {
        border-bottom:1px solid #f6f6f6;
        padding:3px; }

        #sidebar li a {
            color:#333;
            text-decoration:none; }

        #sidebar input {
            background:#FFFFFF none repeat scroll 0 0;
            border:1px solid #B6B6B6;
            color:#666666;
            font-size:14px;
            line-height:normal;
            padding:2px;
            width:35%;
            direction:ltr;
            }
        #sidebar .regnow {
color:#000000;
cursor:pointer;
font-size:15px;
font-weight:bold;
margin-top:34px;
padding-right:15%;
text-decoration:underline;          }

        #sidebar input:focus {
            border:1px solid #000; }

    #sidebar li a:hover { color:#000; }

    #sidebar .error {
        color:#E99999;
        text-decoration:italic; }
        
#leftclear{
clear:both;
float:left;
width:100%;
text-align:left;
}
        /*--*/
        #regdiv {
        font-size:120%;
        width:100%;
        padding:10px 30px; 
        }
#regdiv input {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #B6B6B6;
    color:#666666;
    font-size:13px;
    padding:2px;
    width:35%;
    
    }
#regdiv .regnow {
    color:#000;
    padding:25%;
    text-decoration:underline;
    font-weight:bold;
    }

#regdiv input:focus {
    border:1px solid #000; }

        /*--*/
.news {
background:#71C9F1 none repeat scroll 0 0;
color:#E3EBF1;
height:21px;
line-height:20px;
margin:2px 3px;
padding:5px;}

blockquote {
background:#F6F6F6 none repeat scroll 0 0;
border:1px solid #CECECE;
font-size:15px;
margin:3px 0;
padding:1px 6px;
width:96%;}

    blockquote a {
        color:#000;
        text-decoration:none; }
    blockquote img {
    border:none;
    vertical-align:text-bottom;
    }
.indent{
background-color:#FFFFFF;
border-color:#BBBBBB;
border-style:none none solid;
clear:both;
font-size:15px;
margin:-1px 13px 2px;
padding:0 2px;
width:79%;
}
.indent img {
cursor:pointer;
}
#songmenu { 
float:left; 
cursor:pointer;
}
#artistname {
font-size:16px;
margin-top:10px;
font-weight:bold;
}
#artistname .goback {
cursor:pointer;
color:blue;
}
#content h3 {
    color:#222;
    font:160% Trebuchet MS;
    margin:10px 0; }

a.more {
    color:#2F460D;
    display:block;
    margin:10px 0 0 0 ;
    text-align:right;
    text-decoration:none; }

    a.more:hover { text-decoration:underline; }

.image { float:left; }

#simpleTooltip {
    background: #F2F3F5;
    border: 1px solid #A6A7AB;
    padding: 7px; }

#menu {
    float:right;
    font-size:130%;
    text-align:right;
    width:100%; }

.button {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-image: url( '/images/bkg.png' );
    background-repeat:repeat-x;
    border:1px solid #6C6D69;
    color:#3F403C;
    cursor:pointer;
    display:inline-block;
    float:left;
    font-size:13px;
    height:16px;
    margin:5px;
    padding:4px 17px 3px 58px;
    position:relative;
    text-decoration:none; }

    .button img {
        border: none;
        left: -12px;
        position: absolute;
        top: -4px; }

    .button:hover { color: #1f4c83; }
 
/* SEARCH FORM */
#searchform {  font-size:18px; }
#searchform div { color:#eeeeee; }
#searchform div input { font-size:18px; padding:5px; width:320px; }
#suggestions{ position: relative; left:235px; width:320px; display:none; }
#searchresults { 
background-color:#FFFFFF;
border:2px solid #CCCCCC;
font-size:13px;
line-height:14px;
width:320px;
}
#searchresults a { 
background-color:#FFFFFF;
clear:left;
display:block;
line-height:57px;
text-decoration:none;
}
#searchresults a:hover { background-color:#DDD; color:#ffffff; }
#searchresults a img { 
float:left;
padding:5px 10px;
width:70px;
}
#searchresults a span.searchheading { display:block; font-weight:bold;  color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category {
 background-color:#71D9F9;
color:#FFFFFF;
display:block;
font-size:16px;
font-weight:bold;
padding:5px;
 }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;
      background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }
#suggestions{
display: block; position: absolute;}
.link {
cursor:pointer;
color:DodgerBlue;
}
.link hover {
text-decoration:underline;
}
.addsong{
cursor:pointer;
float:left;
}
#userbox {
width:100%;
padding:5px;
font-size:15px;
border-bottom:2px solid #CBCBCB;

}
#userbox img {
border:1px solid #DDDDDD;
margin:0;
padding:3px;
}
#userbox a, #userbox .link {
color:#3B5998;
cursor:pointer;
text-decoration:none;
}
#fblogin {
text-align:center;
font-weight:bold;
text-decoration:none;
color:#3B5998;
}
.fb {
text-decoration:none;
color:#3B5998;
font-size:15px;
cursor:pointer;
}