/* === test === */
.tyt {border:solid 1px red}
.tyt2 {border:solid 1px green}

/* === RESET === */
* {margin:0; padding:0}
.no-margin {margin:0!important}
.no-padding {padding:0!important}
.no-bg {background:none!important}
.no-border {border:none!important}
.no-float {float:none!important}
a img {border:none}
ul, ol {list-style:none}
table {border:none}


/* === TAGS === */
body {background:#002d3f; font:12px Tahoma, sans-serif; padding:13px}
a {color:#007298; text-decoration:underline}
a:hover {text-decoration:none}
h3 {color:#fff; font:normal 18px Trebuchet MS; margin:20px 0px 5px 0px}


/* === LAYOUT === */
.wrapper {max-width:1280px; margin:0px auto}
.header {width:100%}
.content {background:#005a6d; clear:both}
.footer {padding:12px 27px; color:#80969f; text-align:center}
.footer a {color:#dde8c8}
.sidebar {float:left; width:300px}
.maincont {margin-left:320px}
.window_title {background:#003746; overflow:hidden;}
.commonbox {background:#dde8c8; padding:15px}
.comheader, .comheader2 {background:#003746; font:18px Trebuchet MS; padding-left:15px; color:#fff; line-height:30px}
.comheader2 {font-size:12px}
.twocols {width:100%}
.twocols td {vertical-align:top}

h1	{font:18px Trebuchet MS; padding-left:15px; color:#fff; line-height:30px}
h2	{font:18px Trebuchet MS; color:#007298;}
.h1	{font:15px Trebuchet MS; color:#fff; line-height:30px}

/* === SEARCH === */
.searchwrap {color:#fff; padding-top:10px}
.searchbox {background:url(search_bg.gif); height:100px}
.hints {padding-left:60px}
.searchin {padding:20px 10px 0px 10px; margin:0px 11px}
.searchform {font-size:14px; width:100%}
.s-inp {background:#55402e; border:solid 1px #847568; color:#fff; padding:2px 3px; width:100%}
.s-field {padding-left:20px}
.s-field2 {padding-left:10px}
.s-subm {background:url(subm_bg.png); padding:0px 5px; border:solid 1px #2f150a; outline:solid 1px #847568; color:#fff; font-weight:bold}
.s-sel {width:145px; height:20px; padding-left:5px; background:#55402e; border:solid 1px #847568; line-height:20px; color:#dde8c8; font-size:11px; position:relative}
.selopen {background:#55402e; border:solid 1px #847568; position:absolute; width:150px; left:-1px; top:20px}
.selopen a {color:#dde8c8; text-decoration:none}
.selopen li {padding:0px 5px; border-bottom:solid 1px #695747; line-height:24px}
.selbutt {background:url(selbutt.gif); width:18px; height:18px; display:block; position:absolute; top:1px; right:1px; opacity:0.7; filter:alpha(opacity=70); outline:none}
.selbutt:hover {opacity:1; filter:alpha(opacity=100)}

.alphabetwrap {padding:18px 52px 0px 40px}
.alphabet {background:url(alphabet_bg.gif) repeat-x; width:100%; height:40px}
.lett td {width:1%}
.lett a {color:#dde8c8; font:bold 14px Arial; padding:0px 2px}
.lett a:hover {background:#dde8c8; color:#4f3a27; text-decoration:none}
.alphleft {width:1px!important; vertical-align:text-bottom}
.alphright {width:9px!important}
.folderico {width:50px!important; text-align:center}


/* === CONTENT === */
.upcorn {width:12px; vertical-align:top}
.upcorn img {vertical-align:top; position:relative; top:-7px}
.menubg {background:#005a6d url(content_8.png) repeat-x; vertical-align:bottom; padding-bottom:3px}
.menubg ul {margin-left:15px}
.menubg li {float:left; padding:8px 10px 12px 10px; font:14px Trebuchet MS; color:#fff}
.menubg a {color:#fff; text-decoration:none}
.menubg a:hover {text-decoration:underline}
.menu-on {background:url(menu_on.png) repeat-x}
.cont-4 {background:url(content_4.gif) repeat-y}
.cont-6 {background:url(content_6.gif) repeat-y}
.cont-5 {background:#005a6d; padding:10px}
.cont-2 {background:url(content_2.gif) repeat-x}
.comment {margin-bottom:20px}
.comment .commonbox p {width: 850px; overflow: hidden; font-family: Courier New, Courier, sans-serif;}
#user_comment {font-family: Courier New, Courier, sans-serif; width: 80%;}
.txtar {width:70%; background:#146778; border:solid 1px #669ca7; height:100px; padding:5px; color:#fff; font:12px Tahoma}
.underbox {background:url(underbox.png); width:135px; height:22px; float:right; text-align:right; padding-right:15px; line-height:20px}
.underbox a {color:#fff; font-size:11px; font-family:Tahoma}
.path {padding:8px 10px 12px 10px; font:14px Trebuchet MS; color:#1E7C90; float:right}
.path a {color:#fff; text-decoration:none}
.path a:hover {color:#fff; text-decoration:underline}


/* === SORT BY POP === */
.poprat {background:url(poprat_bg.png); width:26px; height:25px; float:left; margin:5px 0px 0px 2px}
.poprat a {background-repeat:no-repeat; background-position:0px 0px; width:16px; height:15px; font-size:1px; margin:5px; display:block; opacity:0.7; filter:alpha(opacity=70)}
.poprat a:hover {opacity:1; filter:alpha(opacity=100)}
.popul {background-image:url(star_icon.gif)}
.rating {background-image:url(rating_icon.gif)}
.no-bg .popul {background-position:0px -15px}
.no-bg .rating {background-position:0px -15px}


/* === TABSLIST TABLE === */
.tabslist {width:100%; font-size:11px}
.tabslist a {color:#4f3a27; text-decoration:underline}
.tabslist a:hover {color:#4f3a27; text-decoration:none}
.tabslist td {padding:8px 0px}
.tabslist th {font-weight:bold; color:#4f3a27; padding:8px 0px; border-bottom:solid 1px #c1c5a8}
.tabslist-p {width:96%; font-size:11px; border-collapse:collapse}
.tabslist-p a {color:#4f3a27; text-decoration:underline}
.tabslist-p a:hover {color:#4f3a27; text-decoration:none}
.tabslist-p td {padding:8px 0px}
.tabslist-p th {font-weight:bold; color:#4f3a27; padding:8px 0px; border:solid 1px #c1c5a8;}
.tabpage th {font-weight:normal}
.sngname {text-align:left; border-right:solid 1px #c1c5a8; text-indent:15px}
.rightbrdr {border-right:solid 1px #c1c5a8}
.stripe td {background:#ecf8d8}
.serial {color:#002d3f; padding:8px 5px 6px 15px!important; width:15px; font-size:11px}
.tabrat {font-weight:bold; padding:8px 15px 8px 5px!important;}
.nrating {background:url(stars.gif) no-repeat; width:58px; height:10px; font-size:1px; margin:0px auto}
.ntabs {width:58px; margin:0px auto}
.tabcont {background:#f6fde9; font-family:Courier New; font-size:12px; padding:15px; line-height:18px;}
.t_title {font:bold 11px Verdana}
.tab {font-size:12px; padding:15px; line-height:18px}


/* === BUTTONS === */
.find-b {display:block; opacity:0.8; filter:alpha(opacity=80);border:solid 0px;cursor:pointer}
.find-b:hover, .login-b:hover, .placomm:hover {opacity:1; filter:alpha(opacity=100)}
.find-b {background:url(find_butt.png); width:50px; height:22px}
.login-b {background:url(login_butt.png); width:57px; height:25px; margin-right:30px; opacity:0.9; filter:alpha(opacity=90);border:solid 0px;}
.placomm {background:url(placecomm.png); display:block; width:119px; height:27px; opacity:0.8; filter:alpha(opacity=80); border:solid 0px;cursor:pointer; margin-top:3px}



/* === LOGIN === */
.loginbox {margin-bottom:20px}
.loginform {width:100%; color:#4f3a27}
.loginform td {padding-bottom:10px}
.loginform-l {width:100%; color:#4f3a27}
.loginform-l td {padding-bottom:0px}
.loginform input {width:98%; background:#cfd6b8; border:solid 1px #969177; padding:2px 0px}
.forgot {padding-top:4px}
.contact-inp {width:250px; background:#cfd6b8; border:solid 1px #969177; padding:2px}
.contact-sub {width:250px; background:#cfd6b8; border:solid 1px #969177; padding:2px}
.contact-texta {background:#cfd6b8; border:solid 1px #969177; padding:2px}
.contact-but {background:#cfd6b8; border:solid 1px #969177; padding:2px; font-weight:bold}

/* === ETC ===*/
.logo {width:240px; vertical-align:middle; background:url(logo_shadow.png) no-repeat 0px 100%}
.ryzh {color:#c94700!important}
.ryzh2 {color:#893700!important}
.ryzh22 {color:#893700!important;padding-left:15px}
.floatfix {overflow:hidden; zoom:1}
.f-left {float:left}
.f-right {float:right}
.mbot-10 {margin-bottom:10px}
.mleft-15 {margin-left:15px}
.pleft-10 {padding-left:10px}
.pright-10 {padding-right:10px}
.h2date {font-size:11px!important; line-height:20px; text-align:right; width:300px; background:pink}
.fs-12 {font-size:12px!important}
.paging {margin-top:15px; font:bold 12px Tahoma; color:#ecf8d8}
.paging a {border:solid 1px #ecf8d8; padding:2px 7px; color:#ecf8d8; text-decoration:none; margin-right:5px; font-size:13px}
.paging font {border:solid 1px #ecf8d8; padding:2px 7px; color:#005a6d!important; text-decoration:none; margin-right:5px; font-size:13px;background:#ecf8d8;}
.blend1 {color:#829195!important}
.yrcom {font:bold 14px Trebuchet MS; color:#dde8c8; margin-bottom:5px; margin-top:10px}
.dn {display:none}

.sm {font:normal 11px Verdana; color:#666}
.forgot_pass {height:90px; vertical-align:middle; padding-top:33px}
.retreive_b {background:#cfd6b8; border:solid 1px #969177; padding:1px; font-weight:bold}

#preview {margin: 20px 50px}
#overcast {position: absolute; left: 0px; top: 0px; width:100%; display:none; background: #000}
#table_preview {position: absolute; left: 0px; top: 0px; display:none; background: #555}

.reg_err {font:bold 11px Verdana; color:red; padding-top:15px; margin-left:180px;}
.print {float:right;padding:10px 15px 0px 0px}

a.print_l {font:bold 11px Verdana; color:white; text-decoration:none}
a.print_l:hover {font:bold 11px Verdana; color:#dadada; text-decoration:none}

a.ch {text-decoration:none}
a.ch:hover {text-decoration:none; color:black}

.partners {font:normal 11px Verdana; color:#80969f; margin-top:15px}
.partners a {color:#80969f}

.lyrics_lm {font:normal 11px Verdana; color:#80969f; width:300px; clear:left; float:left; padding:10px}
.lyrics_lm a {color:#80969f}

a.ringtone {font:bold 13px Arial; text-decoration:underline; color:red}
a.ringtone:hover {font:bold 13px Arial; text-decoration:none; color:red}

.ugtapp {float:right; padding:7px 10px 0 0}
.ugtapp a {font:bold 13px Verdana; color:#FFC600; text-decoration:underline}
.ugtapp a:hover {font:bold 13px Verdana; color:#FFC600; text-decoration:none}