/* CSS Document */

/*-----------------------------------------------
Mobile Gempak
Name:     Normal template
Programmer: Kerjin
Designer: Danny ( only asistant )
URL:      www.mobilegempak.com
Date:     10 Okt 2009 (okt in Malay, Oct  )
----------------------------------------------- */

/*      javascript jQuery css begin      */
/* stepcarousel */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid #222325;
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 135px; /*Height should enough to fit largest content's height*/
background-color: #222325;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 260px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/**
* Auto Complete 4.0 - CSS Temp
* September 28, 2009
* Corey Hart @ http://www.codenothing.com
*/
ul.auto-complete-list {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 100;
max-height: 250px;
overflow: auto;
}
ul.auto-complete-list li {
list-style-type: none;
margin: 0;
padding: 2px;
background-color: white;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
cursor: pointer;
}
ul.auto-complete-list li.auto-complete-list-rollover {
background-color: #c5c5c5;
}
/* ajaxtooltip */
.ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 100px;
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/
background: #333333;
border: 2px solid gray;
border-width: 1px 2px 2px 1px;
padding: 5px;
font: bold 10px arial;
color: #fff;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
/*      javascript jQuery css end      */

body {
margin: 0;
padding: 0;

background-image:url(http://static.tomyamclub.com/tcweb/images/themes/vista/bg2.gif);
background-position: bottom center;
background-origin: border-box, content-box;
background-repeat: no-repeat;


border:0;
}


#div_layout {

background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/bg1.gif);
background-position: top center;
background-repeat: no-repeat;

}

a img {
border-width:0;
}

/*--Textstyle--- */

/*--Searchbox--- */
table.searchbox_outline {
background-color: #222325;
/*---moz-border-radius: 5px;
-webkit-border-radius: 5px;--- */
border: 2px solid #575958;
padding: 6px;
margin: 0px 0px 0px 0px;
}
.search_text_title {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 700 ;
text-align:left;
color: #ffffff;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
.class2 a:link {
color:#FFFFFF;
text-decoration:none;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.class2 a:visited {
color:#FFFFFF;
text-decoration:none;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.class2 a:hover {
color:#fff;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.class2 a:active {
color:#FFFFFF;
text-decoration:none;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*--Searchbox input--- */
fieldset.search {
	border: none;
	width: 185px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.search input, .search button {
	border: none;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.search input.box {
	color: #000000;
	font-size: 14px;
	width: 150px;
	height: 20px;
	padding: 1px 0px 0px 0px;
	margin: 7px 0px 0px 4px;
	background: #ffffff url(search_bg.gif) no-repeat;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
.search input.box:focus {
	background: #ffffff url(search_bg.gif) no-repeat left 0px;
	outline: none;
	width: 150px;
	height: 20px;
	padding: 1px 0px 0px 0px;
	margin: 7px 0px 0px 4px;
}
.search button.btn {
	width: 30px;
	height: 28px;
	cursor: pointer;
	border:none;
	background: url(http://static.tomyamclub.com/tcweb/images/themes/vista/btn_search.gif) no-repeat top right;
}
.search button.btn:hover {
	background: url(http://static.tomyamclub.com/tcweb/images/themes/vista/btn_search_over.gif) no-repeat top right;
}

/*--Titlebar--- */
#title_bar_text {
font-family: Verdana, Arial, san-serif;
font-size: 25px;
letter-spacing: 1px;
font-weight: bold;
color: #ffffff;
}
.titlebar_bar {
width: 400px;
padding: 0px;
margin-bottom: 0px;
line-height: 1.5em;
border: 0px;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/titlebar_bg.jpg);
background-repeat: repeat-x;
}
.titlebar_right {
width: 73px;
padding: 0px;
margin-bottom: 0px;
border: 0px;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/titlebar_right.jpg);
background-repeat: repeat-x;
}
.titlebar_left {
width: 180px;
padding: 0px;
margin-bottom: 0px;
border: 0px;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/titlebar_bg.jpg);
background-repeat: repeat-x;
}
.post_side_topright {
width: 7px;
height: 42px;
padding: 0px;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/post_top_right.gif);
background-repeat: no-repeat;
}
.post_side_topleft {
width: 7px;
height: 42px;
padding: 0px;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/post_top_left.gif);
background-repeat: no-repeat;
}
.post_side_right {
width: 7px;
padding: 0px;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/post_side_right.jpg);
background-color: #222325;
background-repeat: repeat-y;
}
.post_side_left {
width: 7px;
padding: 0px;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/post_side_left.jpg);
background-color: #222325;
background-repeat: repeat-y;
}
.post_side_bottomleft {
width: 8px;
height: 7px;
padding: 0px;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/post_bottom_left.jpg);
background-color: #222325;
background-repeat: no-repeat;
}
.post_side_bottomright {
width: 8px;
height: 7px;
padding: 0px;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/post_bottom_right.jpg);
background-color: #222325;
background-repeat: no-repeat;
}
.post_main {
padding: 0px;
/*background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/post_side_left.jpg);*/
background-color: #222325;
}
.post_bottom {
height: 5px;
padding: 0px;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/post_bottom.jpg);
background-color: #222325;
background-repeat: repeat-x;
}
#post_bottomspace {
width:auto;
height:7px;
border:0;
}

/*--MTV content--- */
#mtv_title_text {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: 600 ;
color: #ffffff;
}
#mtv_artist_text {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400 ;
color: #ffffff;
}
.MTV_images {
width: 100px;
height: 100px;
padding: 0px;
margin-bottom: 0px;
border: 0px;
}
.MTV_Title {
width: 130px;
padding: 0px;
margin-bottom: 0px;
line-height: 1.5em;
border: 0px;
}
.MTV_btn_download {
width: 130px;
padding: 0px;
margin-bottom: 0px;
border: 0px;
vertical-align:bottom;
text-align:right;
}
.MTV_btn_preious_next {
width: 25px;
border: 0px;
padding: 0px;
margin-bottom: 0px;
}

/* ---- Frame content--- */
.content_frame_images {
width: 120px;
height: 120px;
text-align:center;
border: 0px;
}
img#center {
    padding: 20px;
}
.content_frame_title_text {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
color: #ffffff;
width: 120px;
text-align:center;
}

/*--dropdown css--- */

.nav_left {border: 0px; padding:0; margin:0; list-style:none; width:8px; height:38px; background: url(http://static.tomyamclub.com/tcweb/images/themes/vista/menu_leftbar.gif) no-repeat;  }
.nav_right {border: 0px; padding:0; margin:0; list-style:none; width:8px; height:38px; background: url(http://static.tomyamclub.com/tcweb/images/themes/vista/menu_rightbar.gif) no-repeat; }
#nav {padding:0; margin:0; list-style:none; width:880px; height:38px; background: url(http://static.tomyamclub.com/tcweb/images/themes/vista/menubar_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://static.tomyamclub.com/tcweb/images/themes/vista/menubar_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://static.tomyamclub.com/tcweb/images/themes/vista/menubar_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://static.tomyamclub.com/tcweb/images/themes/vista/menubar_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(http://static.tomyamclub.com/tcweb/images/themes/vista/menubar_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(http://static.tomyamclub.com/tcweb/images/themes/vista/menubar_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(http://static.tomyamclub.com/tcweb/images/themes/vista/menubar_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:35px; background: #4C4C4C; padding:3px; border:1px solid #fff; white-space:nowrap; width:115px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:115px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:115px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;border:1px solid #4C4C4C;}
#nav li ul.sub li a.fly
{background:#4C4C4C url(http://static.tomyamclub.com/tcweb/images/themes/vista/arrow.gif) 107px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#cccccc; color:#000; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#cccccc url(http://static.tomyamclub.com/tcweb/images/themes/vista/arrow_over.gif) 107px 6px no-repeat; color:#000;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:114px; top:-1px; background: #4C4C4C; padding:3px; border:1px solid #ccc; white-space:nowrap; width:115px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#cccccc url(http://static.tomyamclub.com/tcweb/images/themes/vista/arrow_over.gif) 107px 6px no-repeat; color:#000; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#4C4C4C url(http://static.tomyamclub.com/tcweb/images/themes/vista/arrow.gif) 107px 6px no-repeat; color:#000; border-color:#bbd37e;}}

/* ---- Mp3--- */
.mp3_numbers {
width:41px;
}
.mp3_download_icon{
width:56px;
}
.mp3_song_text{
width:100px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
color: #ffffff;
text-align:center;
}
.mp3_artist_text{
width:100px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
color: #ffffff;
text-align:center;
}
table.mp3_bottom {
border-bottom: 1px solid #fff;
padding:3px;
margin:0;
width:300px;
}
.copyright {
color:#FFFFFF;
text-decoration:none;
text-align:center;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


/*--Content detail--- */
.content_img {
width: 100px;
height:100px;
padding: 0px;
margin: 0px;
border: 0px;
}
.content_download_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 400;
color: #ffffff;
text-align:left;
width:385px;
height:10px;
}
.content_download_text2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: 600 ;
color: #00E0CC;
}
.content_desc_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 500px;
color: #ffffff;
text-align:left;
}
table.content_detail_frame {
border:0;
padding:5px;
margin:0px 5px 0px 10px;
}
table.hp_matcher_frame {
border:1px solid #B2B2B2;
padding:5px;
background-color:#3F3F3F;
margin:0;
height:200px;
float:right;
}
.hp_search_title {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 500 ;
color: #00E0CC;
width:210px;
text-align:left;
}
/*--sub categories--- */
.sub_text {
color:#FFFFFF;
text-align:left;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
}
.categories_title {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 700 ;
color: #FFFFFF;
margin: 0px 0px 0px 10px;
}
table.sub_categories_frame {
color:#FFFFFF;
border:o;
padding:5px;
margin:0;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/transbg.png);
width:670px;
}
.sub_categories_frame2 {
width:98%;
border:0;
padding:5px;
margin:0;
background-image: url(http://static.tomyamclub.com/tcweb/images/themes/vista/transbg2.png);
color:#FFFFFF;
text-align:left;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*--pagination--- */
a.pagination {
border:solid 1px #fff;
font-family: Verdana, Arial, san-serif;
font-size: 10px;
color:#fff;
font-weight: 300;
margin-right:5px;
padding:3px;
background-color:3F3F3F;
text-decoration:none;
display:block; /*opera*/  
display:inline-block; /*ie*/  
display:-moz-inline-box; /*ff*/
}

a.pagination .select{
color:#FF4000;
display:block;
}
a.pagination .active{
color:#FF4000;
display:block;
font-weight: 300;
margin-right:5px;
padding:3px;
border:solid 1px #fff;
background-color:3F3F3F;
text-decoration:none;
display:block; /*opera*/  
display:inline-block; /*ie*/  
display:-moz-inline-box; /*ff*/
}
a.pagination-off,
a.pagination a:link,
a.pagination a:visited {
color:#fff;
font-family: Verdana, Arial, san-serif;
font-size: 13px;
font-weight: 300;
margin-right:5px;
display:block;
text-decoration:none;
display:block; /*opera*/  
display:inline-block; /*ie*/  
display:-moz-inline-box; /*ff*/
}
as.pagination a:hover{
border:solid 1px #fff;
text-decoration:none;
}

/*--search frame type divider--- */
table.gradient_bg {
background: #686868 url(http://static.tomyamclub.com/tcweb/images/themes/vista/gradient_bg.gif) top repeat-x;
width:100%;
height:30px;
text-align:left;
padding:1px 1px 1px 10px;
margin:5px;
}
table.gradient_bottom_bg {
background: #686868 url(http://static.tomyamclub.com/tcweb/images/gradient_bg.gif) top repeat-x;
width:100%;
height:20px;
text-align:right;
padding:1px 10px 1px 1px;
margin:5px;
border:0;
}
/*--info frame--- */
table.info_btn_bg {
background: #686868 url(http://static.tomyamclub.com/tcweb/images/themes/vista/gradient_bg.gif) top repeat-x;
width:675px;
text-align:center;
padding:0px;
margin:10px 0px 5px 0px;
color: #ffffff;
border:1px solid #B2B2B2;
}
table.info_frame {
border:1px solid #B2B2B2;
padding:5px;
background-color:#666666;
margin:0;
width:675px;
vertical-align:text-top;
}
.title_info_text {
font-family: Verdana, Arial, san-serif;
font-size: 25px;
letter-spacing: 3px;
font-weight: bold;
color: #ffffff;
valign:top;
}
div.hr{
margin: 5px 0px 0px 0px;
color: #FFFFFF;
background-color: #3F3F3F;
border:0;
}
div.hr hr {
display: none;
}
#nav_info {
padding:0;
display:inline;
list-style: none;
}
#nav_info li {
padding: 0px 20px 0px 10px;	/* adimir - 2.12.2009 -> changed to 10px*/
display:inline;
list-style: none;
}

/*--caller frame--- */
table.bottom_line {
border-bottom: 1px solid #fff;
padding:3px;
margin:0;
}

#popupButton{cursor:pointer;background-color:#CCCCCC;border-style:outset;color:black;font:bold 11px arial;text-align:center;width:50px;height:15px;}

#backgroundPopupBox{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;top:0;left:0;background:#000000;border:1px solid #cecece;z-index:2000;}

#popupBox{vertical-align:bottom;padding:12px 12px 12px 12px;display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/z-index:2500;font:normal 12px arial;}