@import url("reset.css");
/* Main CSS Start */
body {
	font-size: 11px;
	font-family: "Century Gothic", Arial;
	color: #191919;
}
#outer-wrapper {
	background: url(../images/content-bg.gif) repeat-x top #ffffff;
}
#primary-wrapper {
	background: url(../images/body-bg.jpg) no-repeat center top;
}
#secondary-wrapper {
	width: 1003px;
	margin: 0 auto;
	line-height: 24px;
	color: #6c6663;
	font-size: 15px;
}
h1 {
	font-size: 30px;
	padding: 0 0 18px 0;
}
h2 {
	font-size: 24px;
	padding: 0 0 16px 0;
}
h3 {
	font-size: 15px;
	font-weight: normal;
}
a {
	text-decoration: none;
	color: #6c6663;
}
a:hover {
	text-decoration: underline;
}
p {
	padding: 0 0 18px 0;
}
/* Main CSS End */


/* Header CSS Start */
#primary-wrapper #header {
	height: 102px;
	padding: 42px 11px 0 78px;
	width: 914px;
	margin: 0 auto;
}
#primary-wrapper #header .logo {
	width: 287px;
	height: 78px;
	float: left;
}
#primary-wrapper #header .logo a {
	width: 287px;
	height: 78px;
	display: block;
	background: url(../images/rk-logo.gif) no-repeat;
	text-indent: -9000px;
}
#primary-wrapper #header .user-button {
	height: 25px;
	width: 200px;
	float: right;
	padding: 27px 0 0 0;
	text-align: right;
}
#primary-wrapper #header .user-button a {
	margin: 0 0 0 6px;
}
#secondary-wrapper #header {
	height: 376px;
	position: relative;
}
#secondary-wrapper #header .logo {
	width: 289px;
	height: 80px;
	display: block;
	text-indent: -9000px;
	position: absolute;
	left: 71px;
	top: 41px;
}
.button-fanclub {
	width: 89px;
	height: 25px;
	display: block;
	text-indent: -9000px;
	position: absolute;
	right: 37px;
	top: 271px;
}
.button-guestbook {
	width: 89px;
	height: 25px;
	display: block;
	text-indent: -9000px;
	position: absolute;
	right: 133px;
	top: 271px;
}
/* Header CSS End */


/* Menu CSS Start */
#primary-wrapper #menu {
	height: 38px;
	background: url(../images/menu-bg.png) repeat-x;
	font-size: 14px;
}
#primary-wrapper #menu .inner {
	width: 925px;
	height: 38px;
	margin: 0 auto;
	padding: 0 0 0 78px;
}

#primary-wrapper #menu ul li {
	float: left;
}
#primary-wrapper #menu ul li a {
	color: #151515;
	text-decoration: none;
	display: inline-block;
	height: 38px;
	padding: 0 16px;
	line-height: 36px;
	background: url(../images/menu-hover.png) repeat-x left 38px;
}
#primary-wrapper #menu ul li a:hover {
	background-position: left 0;
}
#secondary-wrapper #menu {
	height: 38px;
	background: url(../images/secondary-menu-bg.png) repeat-x;
	font-size: 14px;
	width: 1003px;
	position: absolute;
	bottom: 0;
}
#secondary-wrapper #menu .inner {
	width: 925px;
	height: 38px;
	margin: 0 auto;
	padding: 0 0 0 50px;
}
#secondary-wrapper #menu ul li {
	float: left;
}
#secondary-wrapper #menu ul li a {
	color: #7f7f7f;
	text-decoration: none;
	display: inline-block;
	height: 38px;
	padding: 0 17px;
	line-height: 36px;
}
#secondary-wrapper #menu ul li a:hover, #secondary-wrapper #menu ul li.active a {
	background: #fff;
}
/* Menu CSS End */


/* Content CSS Start */
#primary-wrapper #content {
	height: 512px;
	width: 1003px;
	margin: 0 auto;
}
#primary-wrapper #content .col-1 {
	width: 355px;
	float: right;
	font-size: 14px;
	font-family: "Myriad Pro";
	padding: 20px 4px 0 0;
}
#secondary-wrapper #content {
	background: #fff;
	padding: 18px 0;
}
.content-wrap-a {
	width: 968px;
	margin: 0 auto;
	background: url(../images/content-middle.gif) repeat-y;
}
.content-wrap-b {
	width: 968px;
	background: url(../images/content-top.gif) no-repeat top;
}
.content-wrap-c {
	width: 854px;
	background: url(../images/content-bottom.gif) no-repeat bottom;
	padding: 45px 57px 30px 57px;
       
}
.info-line {
	display: block;
	padding: 0 0 18px 0;
	color: #c3c0bc;
}
.info-line span {
	color: #ecaf69;
}
.box-1{ 
	border: 8px solid #efefef; 
	background-color:#FFFFFF; 
	margin-bottom: 22px;
}
.box-1 ul{ 
	list-style: none; 
	padding:0 0 0 10px;
}
.box-1 li{ 
	float: left; 
	margin: 0 8px; 
	 
	height: 94px;
}
.box-1 li.arrow-left{ 
	padding-right: 15px; 
}
.box-1 li.arrow-left a{ 
	background: url(../images/arrow-right.gif) no-repeat left 40px; 
	display: block; 
	width: 11px; 
	height: 94px; 
	
}
.box-1 li.arrow-right{ 
	padding-left: 20px; 
}
.box-1 li.arrow-right a{ 
	background: url(../images/arrow-right.gif) no-repeat left 40px; 
	display: block; 
	width: 11px; 
	height: 94px; 
}
.box-1 li.last{ 
	padding-right: 0 !important; 
}
.social-icons {
	width: 400px;
	float: right;
}
.social-icons a {
	margin: 0 15px 0 0;
}
.contact-form {
	background: url(../images/contact-img.gif) no-repeat left top;
	padding: 36px 0 0 310px;
}
.contact-form label {
	color: #4d5d76;
	font-size: 16px;
	float: left;
	width: 110px;
	text-align: right;
	padding: 3px 13px 0 0;
	display: block;
}
.contact-form label span {
	color: #f1852b;
}
.contact-form ul {
	width: 445px;
}
.contact-form ul li {
	width: 445px;
	float: left;
	padding: 0 0 20px 0;
}
.contact-form span ul.error_list{
	list-style:none;
	padding:0px;
	width: 100px;
	height:20px;
	float: left;
	margin:0px 0px 0px 120px;
}
.contact-form span ul.error_list li{
	color:red;
}

.field-1 {
	width: 321px;
	height: 23px;
	background: url(../images/field-1.gif) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding: 6px 0 0 0;
}
.field-1 input {
	width: 305px;
	border: 0;
	font-size: 13px;
}
.field-2 {
	width: 321px;
	height: 180px;
	background: url(../images/field-2.gif) no-repeat;
	display: block;
	float: left;
	text-align: center;
	padding: 6px 0 0 0;
	overflow: auto;
}
.field-2 textarea {
	width: 305px;
	height: 165px;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	font-size: 13px;
}
.field-3,#fan_name {
	width: 275px;
	height: 20px;
	background: url(../images/field-3.gif) no-repeat left top;
	border: 0;
	padding: 2px 5px;
}
 .become-fan li input#fan_email_address {
	width: 275px;
	height: 20px;
	background: url(../images/field-3.gif) no-repeat left top!important;
	border: 0;
	padding: 2px 5px;
}


.field-4,#fan_gender,#fan_age,#fan_city,#fan_mobile,#fan_education {
	width: 106px;
	height: 20px;
	background: url(../images/field-3.gif) no-repeat left top;
	border: 0;
	padding: 2px 5px;
}

.field-5 {
	border: 0;
	padding: 2px 5px;
}
.field-6,#fan_services {
	width: 275px;
	height: 108px;
	background: url(../images/field-3.gif) no-repeat left top;
	border: 0;
	padding: 2px 5px;
        overflow: auto;
}
.contact-note {
	font-size: 12px;
	color: #929292;
	display: block;
	width: 321px;
	white-space: nowrap;
	padding: 0 0 8px 128px;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: 1px;
}
.form-buttons {
	display: block;
	width: 321px;
	padding: 5px 0 8px 128px;
	text-align: center;
	font-size: 0;
}
.button-reset {
	width: 85px;
	height: 22px;
	display: inline-block;
	text-indent: -9000px;
	background: url(../images/button-reset.gif) no-repeat top;
	margin: 0 3px;
	border:0px;
}
.button-send {
	width: 85px;
	height: 22px;
	display: inline-block;
	text-indent: -9000px;
	background: url(../images/button-send.gif) no-repeat top;
	margin: 0 3px;
	border:0px;
}
.button-reset:hover, .button-send:hover {
	background-position: bottom;
	cursor:pointer;
}
.guest-entry {
	padding: 18px 0 25px 0;
}
.text-style-1 {
	font-size: 16px;
	color: #cc9d00;
}
.text-style-2 {
	color: #cc9d00;
}
.text-style-3 {
	font-size: 16px;
	color: #d73973;
}
.text-style-4 {
	color: #d73973;
}
.become-fan {
	width: 303px;
	
	background: url(../images/become-fan.gif) no-repeat #d73973;
	float: left;
	margin: 0 0 0 33px;
	padding: 95px 0 0 18px;
	overflow: hidden;
	
}
.become-fan label {
	font-size: 15px;
	color: #fff;
	display: block;
	height: 25px;
}
.become-fan label span {
	font-size: 10px;
}
.become-fan ul li {
	float: left;
        width:303px;
	padding: 0 0 7px 0;
}
.become-fan ul li.fan-form-row-1 {
	width: 150px;
}
.become-fan ul li.fan-form-button {
	text-align: center;
	width: 285px;
}
.button-reset-fan {
	width: 85px;
	height: 22px;
	display: inline-block;
	text-indent: -9000px;
	background: url(../images/fan-reset.gif) no-repeat top;
	margin: 0 3px;
}
.button-send-fan {
	width: 85px;
	height: 22px;
	display: inline-block;
	text-indent: -9000px;
	background: url(../images/fan-submit.gif) no-repeat top;
	margin: 0 3px;
}
.separator-1 {
	display: block;
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 5px;
}
.thumb {
	width: 88px;
	height: 84px;
	float: left;
	background: url(../images/thumb-bg.gif) no-repeat;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0 18px 20px 0;
}
.fan-of-week {
	padding: 25px 0 0 0;
}
.fan-club-members {
}
.fan-of-month {
	width: 300px;
	height: 173px;
	float: right;
	background: url(../images/fan-of-month.gif) no-repeat;
	position: relative;
	right: -10px;
	padding:32px 10px 0 14px;
}
.thumb-month {
	width: 87px;
	height: 85px;
	float: left;
	background: url(../images/thumb-gb-month.gif) no-repeat;
	text-align: center;
	padding: 4px 0 0 0;
	margin: 0 18px 0 0;
}
.fan-of-month .last {
	margin: 0 0 0 0;
}
.paging {
	width: 253px;
	margin: 0 auto;
	height: 9px;
	font-size: 0;
	line-height: 0;
	padding: 5px 0 0 0;
}
.prev {
	float: left;
}
.next {
	float: right;
}
/* Content CSS End */

/* Footer CSS Start */
#primary-wrapper #footer {
	height: 25px;
	background: url(../images/footer.gif) repeat-x;
	font-family: Arial;
	color: #535353;
}
#primary-wrapper #footer a {
	color: #555555;
	text-decoration: none;
}
#primary-wrapper #footer a:hover {
	text-decoration: underline;
}
#primary-wrapper #footer .inner {
	width: 1003px;
	margin: 0 auto;
}
#primary-wrapper #footer .col-1 {
	float: left;
	font-size: 10px;
	padding: 9px 0 0 28px;
}
#primary-wrapper #footer .col-2 {
	float: right;
	text-align: right;
	padding: 8px 9px 0 0;
}
#secondary-wrapper #footer {
	width: 975px;
	height: 30px;
	padding: 0 14px;
	font-size: 11px;
	color: #fff;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
}
#secondary-wrapper #footer a {
	font-weight: bold;
	color: #fff;
}
#secondary-wrapper #footer .col-1 {
	width: 250px;
	float: left;
	font-size: 10px;
	padding: 1px 0 0 0;
}
#secondary-wrapper #footer .col-2 {
	width: 250px;
	float: right;
	text-align: right;
	padding: 1px 0 0 0;
}
/* Footer CSS End */


/* Pages CSS Start */
/* biography */

#biography {
	background: url(../images/biography-bg.png) repeat-x top #eeb55d;
}
#biography #header {
	background: url(../images/header-biography.jpg) no-repeat top center;
}
#biography #footer {
	background: url(../images/footer-biography.gif) no-repeat;
}
#biography h1,
#biography h2{
	color: #e0973b!important;
}
/* achievements */
#achievements {
	background: url(../images/achievements-bg.png) repeat-x top #23cfe4;
}
#achievements #header {
	background: url(../images/header-achievements.jpg) no-repeat top center;
}
#achievements #footer {
	background: url(../images/footer-achievements.jpg) no-repeat;
}
#biography h1,
#biography h2 {
	color: #01a9c3;
}
/* career */
#career {
	background: url(../images/career-bg.png) repeat-x top #199ad7;
}
#career #header {
	background: url(../images/header-career.jpg) no-repeat top center;
}
#career #footer {
	background: url(../images/footer-career.gif) no-repeat;
}
#career h1,
#career h2 {
	color: #099dd4;
}
/* producer-director */
#producer-director {
	background: url(../images/producer-director-bg.png) repeat-x top #268986;
}
#producer-director #header {
	background: url(../images/header-producer-director.jpg) no-repeat top center;
}
#producer-director #footer {
	background: url(../images/footer-producer-director.gif) no-repeat;
}
#producer-director h1,
#producer-director h2 {
	color: #348e8c;
}
/* social-work */
#social-work {
	background: url(../images/social-work-bg.png) repeat-x top #293132;
}
#social-work #header {
	background: url(../images/header-social-work.jpg) no-repeat top center;
}
#social-work #footer {
	background: url(../images/footer-social-work.gif) no-repeat;
}
#social-work h1,
#social-work h2 {
	color: #565c34;
}
/* contact */
#contact {
	background: url(../images/contact-bg.png) repeat-x top #feb228;
}
#contact #header {
	background: url(../images/header-contact.jpg) no-repeat top center;
}
#contact #footer {
	background: url(../images/footer-contact.gif) no-repeat;
}
#contact h1,
#contact h2 {
	color: #e5761d;
}
/* sponsors */
#sponsors {
	background: url(../images/sponsors-bg.png) repeat-x top #9e9e9e;
}
#sponsors #header {
	background: url(../images/header-sponsors.jpg) no-repeat top center;
}
#sponsors #footer {
	background: url(../images/footer-sponsors.gif) no-repeat;
}
#sponsors h1,
#sponsors h2 {
	color: #e1af71;
}
/* guestbook */
#guestbook {
	background: url(../images/guestbook-bg.png) repeat-x top #da4b84;
}
#guestbook #header {
	background: url(../images/header-guestbook.jpg) no-repeat top center;
}
#guestbook #footer {
	background: url(../images/footer-guestbook.gif) no-repeat;
}
#guestbook h1,
#guestbook h2 {
	color: #e9308c;
}
#downloads {
	background:url(../images/downloads-bg.png) repeat-x   #262936;
}
#downloads #header {
	background: url(../images/header-downloads.jpg) no-repeat top center;
}
#downloads #footer {
	background:url(../images/footer-downloads.gif) no-repeat left top;
}
/* fanclub */
#fanclub {
	background: url(../images/fanclub-bg.png) repeat-x top #273035;
}
#fanclub #header {
	background: url(../images/header-fanclub.jpg) no-repeat top center;
}
#fanclub #footer {
	background: url(../images/footer-fanclub.gif) no-repeat;
}
#fanclub h1,
#fanclub h2 {
	color: #474c50;
}
#fanclub h3 {
	padding: 0 0 15px 0;
}
/* Pages CSS End */


.jcarousel-skin-tango .jcarousel-container {
	border: 8px solid #efefef; 
	background-color:#FFFFFF; 
	margin-bottom: 22px;

}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 758px;
    padding: 0 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 128px;
    height: 95px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  750px;
    height: 95px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  300px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 120px;
    height: 95px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 20px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 0px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 38px;
    right: -10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(../images/arrow-right.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background: url(../images/arrow-right.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background: url(../images/arrow-right.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: url(../images/arrow-right.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 38px;
    left: 10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(../images/arrow-left.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background: url(../images/arrow-left.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background: url(../images/arrow-left.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 16px;
    height: 11px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.urduText
{
    font-family:"Urdu Naskh Asiatype",tahoma,arial,verdana,sans-serif;
}






div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  
  width: 297px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 1400px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
 
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}

.btn-reset-become {
background:url("../images/fan-reset.gif") no-repeat scroll center top transparent;
display:inline-block;

margin:0 3px;
text-indent:-9000px;
width:85px;
border: 0;
height: 22px;
}

.btn-submit-become {
background:url("../images/fan-submit.gif") no-repeat scroll center top transparent;
display:inline-block;
height:22px;
margin:0 3px;
text-indent:-9000px;
width:85px;
border: none;
}

.fan-container{
    width: 354px;
    float: right;
    margin-bottom: 30px;
    
}
.bot-round-fan{
  width:321px;
  height: 10px;
  float: right;
}
.bot-round-fan img {
 float:left;


}
.mediasection h1
{
    padding:5px 0px 0px 0px;
    margin:0px 0px 5px 0px;
    background:url('../images/movie_heading.jpg') no-repeat;
    width:391px;
    height:30px;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    color: #51565c;
    cursor:pointer;
}
.mediasection table br
{
    margin:0px;
    padding:0px;
}
.playlist_heading
{
    padding:5px 0px 0px 0px;
    margin:0px 0px 5px 0px;
    background:url('../images/playlist_bg.jpg') no-repeat !important;
    width:370px !important;
    height:34px;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    color: #ffffff !important;
}
.playlist
{
    background:#d5d8de;
}
.playlist td
{
    border-bottom:1px solid #ffffff;
    padding:10px 0px 10px 0px;
}
.playlist th
{
    background:url('../images/playlist_heading_bg.jpg') repeat-x;
    color:#e8e8e8;
    font-size:12px;
}
.playSong
{
    background:url('../images/playSong.jpg') no-repeat;
    width:32px;
    height:26px;
    border:none;
    cursor:pointer;
}
.pauseSong
{
    background:url('../images/pauseSong.jpg') no-repeat;
    width:32px;
    height:26px;
    border:none;
    cursor:pointer;
}




ul.thumb-zoom {
	list-style: none;
	margin: 0; padding: 10px;
	width: 900px;
}
ul.thumb-zoom li span {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 155px;
	height: 87px;
}
ul.thumb-zoom li span img {
	width: 150px; height: 82px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb-zoom li span img.hover {
	/*background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect*/
	border: none; /* Get rid of border on hover */
}

.imgclass {
	border:solid;
	border-width:2px;
	border-color:#333;
	margin:2px;
}

.imagebox {
	padding-left:10px;
}

.imagebox ul li {
	display:inline-block;
	width:900px;
	height:300px;
	overflow:hidden;
}

.img-pro img {
    float:left;
    margin-left: 5px;


}
#songs_list{
 width:370px;
 overflow: hidden;
float:left;
padding-left: 10px;

}
#TB_window label a {

 font-size: 16px;
 line-height: 25px;

}
#TB_window label a:hover {

    font-weight: bold;
    text-decoration: none;

}