/*--------------------<<< Album A >>>--------------------*/
/*--------------------<<<  >>>--------------------*/


*{margin:0; padding:0;}
body {font-family: Tahoma; font-size: 11px; color: #000; background-color:#DCDDDE;}
a{text-decoration:none; outline:none}
a img{border:none}
a:hover {text-decoration:underline}
ul{list-style:none}
#pagewrap {width: 1024px; margin: 0 auto; background: url(../images/wrap-bg.png) repeat-y left top}

/*-------------<< Header >>--------------*/
#header{position:relative; height: 102px; height: 102px; background: url(../images/header-bg.png) no-repeat left top}
#nav-search {position: absolute; width: 709px; height: 68px; background: url(../images/nav-search-bg.png) no-repeat left top; top: 34px; left: 26px}
ul.nav li {display: inline}
ul.nav li a {float: left; display: block; text-indent: -9999em; height: 68px}
ul.nav li a:hover,
ul.nav li a.active {background-position: left -68px}
a.home {background: url(../images/nav-home.png) no-repeat left top; width: 178px; margin: 0 3px 0 0}
a.instr {background: url(../images/nav-instruction.png) no-repeat left top; width: 174px}
#logo {position: absolute; top: px; right: 0px; width: 250px; height: 90px}
h1 {background: url(../images/logo.png) no-repeat left top}
h1 a {width: 250px; height: 90px; display: block; text-indent: -9999em}
#search {background: url(../images/search.png) no-repeat left top; width:347px; height: 42px; position: absolute; top: 5px; left: 348px}
input.textSearch {color: #177A86; width: 164px; height: 20px; border: none; background: none; position: absolute; top: 12px; left: 10px; text-align: right}
select.Ringtone {width: 100px; height: 20px; border: none; color: #177A86; position: absolute; top: 10px; left: 205px}
.s-submit {position: absolute; right: 0; top: 0; width: 40px; height: 41px; background: url(../images/s-submit.png) no-repeat left top; text-indent: -5000em; border: none}
.s-submit:hover {background: url(../images/s-submit.png) no-repeat left bottom;}
/*-------------<< //Header >>--------------*/

/*-------------<< Container >>--------------*/
#container {padding: 0 25px 10px}

#col-left {float:left; width: 708px;} 
img.banner {margin: 0 0 7px 0; border:none;}

.RingHome {}
.ringTheme {}
.ringTheme-cont {padding: 22px 20px 17px 12px}
.ringTheme-photo {float: left; width: 352px;}
.ringTheme-photo img {background: #fff; padding: 6px}
.ringTheme-Album {float: left; width: 323px; font-size: 13px; line-height: 130%}
.ringTheme-Album p {padding-left: 6px}
.ringTheme-Album ul {padding: 15px 0 0 6px; position: relative}
li.boxup {position: absolute; width:273px; height: 341px; z-index: 99; top: -130px; left: 0}
a.nameRing {display: block; background: url(../images/namering.png) repeat-x right bottom; color: #000; line-height: 14px; padding-bottom: 6px}
a.nameRing:hover {background: url(../images/nameringh.png) repeat-x right bottom; cursor: pointer; cursor: hand;}
.choice{width:320px;float:left;margin-left:15px;}
.md-left, .md-right {margin: 0 0 6px 0;}
.md-left {background: url(../images/md-left-bg.png) repeat-y left top}
.md-left-bottom {background: url(../images/md-left-bottom.png) no-repeat left bottom}
h3 {font-size: 17px; font-weight: bold; color: #000; line-height: 40px;}
#col-left h3 {padding: 10px 0 0 18px; background: url(../images/h3-left.png) no-repeat left top; }
h4 {font-weight: normal; font-size: 11px;}
h4.name {color: #000; padding: 0 0 0 6px; font-weight:bold;font-size:12px;}
h4.sigle {color: #939598; padding: 0 0 0 6px}
h4 a {text-decoration:none;color: #939598;}
.divtags {height:35px;}
.divtags a{text-decoration:none;color: #939598;}
.syntaxRTheme {background: url(../images/syntax1.png) no-repeat left top; height: 42px; width: 184px; float:left}
.syntaxDetail {padding: 2px 0 0; color: #fff; font-weight: bold;}
.syntaxDetail span {padding: 0 10px 0 0}
p.countDown {color: #514f52; font-size: 10px; }
p.countDown a{color: #514f52; text-decoration:none;}
.Ring-wait {}
.RingHome{}
ul.thumb-ringwait {padding: 6px 15px 0 13px}
ul.thumb-ringwait li {padding: 7px 0}
.md-list {background: #fff; padding: 5px 0}	
.list-left {float: left; width: 335px;}
.list-right {float: right; width: 335px}
.md-list-photo {float:left; width: 142px; padding: 0 0 0 5px}
.md-list-photo img {border:1px solid #DCDDDE;}
.md-list-info {float: left; width: 188px}
.syntaxList {background: url(../images/syntax2.png) no-repeat left top; height: 47px; width: 187px; position: relative}
a.sl-try {display: block; width: 45px; height: 42px; position: absolute; right: 0; top: 1px; background: url(../images/sl-try.png) no-repeat left top; text-indent: -5000em}
a.sl-play {display: block; width: 36px; height: 36px; position: absolute; right: 4px; top: 8px;}
.syntaxListHome {background: url(../images/syntaxListHome.png) no-repeat left bottom; height: 47px; width: 187px}
.syntaxList p,
.syntaxListHome p {padding-left: 6px}
.syntaxList .syntaxDetail,
.syntaxListHome .syntaxDetail {padding: 0px 0 0 6px} 
.syntaxList p.countDown,
.syntaxListHome p.countDown {padding: 7px 0 0 6px; text-align: left}
ul.paging {padding: 3px 15px 10px 0;font-size:12px;}
ul.paging li {display: inline}
ul.paging li a {float: right; margin: 0 0 0 3px; color:#939598;}
ul.paging li a:hover {text-decoration: none}
ul.paging li a:hover span,
ul.paging li a.active {color: #ff0012; }


#col-right {float:right; width: 258px} 
#col-right h3 {padding: 10px 0 0 24px; background: url(../images/h3-right.png) no-repeat left top}

.md-right {background: url(../images/md-right-bg.png) repeat-y left top}
.md-right-bottom {background: url(../images/md-right-bottom.png) no-repeat left bottom; padding: 0 16px 0 0px}
.md-right-bottom ul {margin-left:30px;}
.md-right a {font-size: 14px; color: #000; cursor: pointer; cursor: hand;}
.MusicTheme {}
.MusicTheme ul li {background: url(../images/bg-dot-black.png) repeat-x left bottom; padding: 3px 0;}
.MusicTheme ul {padding: 0 0 6px 0}
a.view {color: #939598; font-size: 10px; float: right; padding: 0 5px 15px 0}
.MusicTheme a:hover {color: #ff0012; text-decoration: none}
a.siglehot {color: #939598; font-size: 10px; }
.Ringhot {line-height: 130%}
.Ringhot ul {padding: 5px 0}
.instruction {text-align: center; font-size: 14px; line-height: 170%}
.sub-instr {padding: 8px 0 25px 0; text-align:left;}
#col-right a img {margin: 0 0 10px 0;}

.VinaPay{position: absolute; top: 0px; left: 150px;cursor: pointer; cursor: hand;}
.flashPlayer{position: absolute; top: 18px; left: 150px;}
.SongPlayer{position: absolute; top: 45px; left: 147px;cursor: pointer; cursor: hand;}
/*-------------<< //Container >>--------------*/

/*-------------<< Footer >>--------------*/
#footer{clear:both; height: 72px; background: url(../images/footer-bg.png) repeat-y left top; text-align: center; font-size: 10px}
#footer p {padding: 17px 0 0}
/*-------------<< //Footer >>--------------*/

/*Clear fix*/
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
* html > body .clearfix {
	width: 100%;
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}
/*------------------popup box----------------*/
#siteWrapper
{
    width: 350px;        
    margin: 0px auto;
    position: relative;
    display:none;
}

#vinaWrapper
{
    width: 524px;        
    height: 54px; 
    margin: 0px auto;
    position: relative;
    display:none;
}

#siteWrapper ul{padding:6px 15px 0 13px;list-style-image:none;list-style-position:outside;list-style-type:none;}
#siteWrapper ul li{padding: 7px 0pt 7px 35px;text-align:left;}
.sms{background:#CCCCCC;width:250px;text-align:center;height:25px;font-weight:bold;line-height:25px;}
#simplemodal-overlay{background-color: White;cursor: wait;}
#simplemodal-container{/*height:400px;width: 350px;*/background-color: #fff;border: none;top: 100px;}
#simplemodal-container a.modalCloseImg{background: url(../images/basic/x.png) no-repeat;width: 30px;height: 30px;display: inline;z-index: 3200;position: absolute;top: 0px;right: 0px;cursor: pointer;}
/*-------------------vinapay-------------------------*/
#boxVinapay{width:524px;}
#boxVinapay h3
{
	background-image:url(/images/vinapay-title.png);
	background-repeat:no-repeat;
	text-align:center;
	line-height:57px;
}
.content
{
	background-image:url(/images/vinapay-bg.png);
	background-repeat:repeat-y;
}
.content li{padding-left:20px;padding-right:20px;padding-top:10px;}
.content-bottom
{
	background:url(/images/vinapay-bottom.png) no-repeat scroll left bottom;
	height:25px;

}
input .textVinapay {	
	background:transparent none repeat scroll 0 0;
	border:medium none;
	color:#D1D3D4;
	height:20px;
	left:10px;
	position:absolute;
	text-align:right;
	top:12px;
	width:164px;
}
#bannerSeperate{margin-left:4px; margin-bottom:4px;}