/********************************************************/
/*CSS2.0
Author: Vinu Jackson
Email:soulgarage@gmail.com
Dated: 5th March, 2010.
Version:1.0
Mode:Screen
Client:Zee TV Artist
/********************************************************/

/*---------------------------------------*/
/*GLOBAL DO NOT EDIT
/*---------------------------------------*/

html {font-size:12px;font-family:verdana,arial, sans-serif;color:#FFF;line-height:18px;}
body {background:#000 url(../images/bodybg.jpg) top center no-repeat;}
h1 {font-size:14px;font-weight:bold;}
h2 {font-size:13px; font-weight:bold;}
#wrapper {
	width:976px;
	margin:auto;
	background:#000;
}
.clearfix {clear:both;}
.left {float:left;}
.right {float:right;}
.fullspacer {height:20px;}
.halfspacer {height:10px;}
.gold {color:#e0a832; }
.marginextra {margin:10px 0 10px 0;}
a:link {color:#FFF;text-decoration:underline;}
a:hover {text-decoration:none;}
a:visited {color:#FFF;}
* html img, 
* html .png{
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "http://komodomedia.com/wp-content/uploads/2007/11/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
        
    );
}

.more {
	float:right;
	color:#ff9614;
	font-size:11px;
	font-weight:bold;
	margin-right:10px;
	padding:10px 0 0 10px;
}

.more a:link, .more a:active, .more a:visited {
	color:#FF9614;
	text-decoration:none;
}

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

.pagination {float:right;font-size:10px;margin:10px 4px 0 0; font-weight:bold;}

.pagination a:link, .pagination1 a:active, .pagination a:visited {
	color:#FFF;
	text-decoration:none;
	padding:3px 5px;
	background:#353434;
}

.pagination a:hover{
	color:#000;
	background:#c1c0c0;
	text-decoration:none;
}

.pagination .selected {
	color:#000;
	background:#c1c0c0;
	text-decoration:none;
	padding:3px 5px;
	font-weight:bold;
}

.pagination a.yellow:link, .pagination a.yellow:active, .pagination a.yellow:visited { color:#ffea00; font-weight:bold;}
.pagination a.yellow:hover { color:#000; font-weight:bold;}

.borderpad { border:2px solid #FFF; margin:5px 10px 0 0;}


/*---------------------------------------*/
/*PAGE ELEMENTS
/*---------------------------------------*/


/*---------------------------------------*/
/*HEADER ELEMENTS
/*---------------------------------------*/


#header {width:976px;height:128px;background: #000 url(../images/flashheader.jpg) top no-repeat;}

#ticker { width:976px; height:27px; background: #000 url(../images/ticker.jpg) top no-repeat;}


#menutab {width:976px;height:27px;background:#000 url(../images/menubg.jpg) top no-repeat;}
	
	#menu {width:772px;height:27px;position:absolute;margin-left:100px;}
	#topnav {
		margin:0; 
		padding:0; 
		width:772px; 
		height:27px; 
		list-style:none; 
		overflow:hidden;
		}
		#topnav a {
					display:block; 
					padding-top:27px; /*same height as the menu*/
					text-decoration:none;
					background-image: url(../images/menutop.gif);
					}
		/*#topnav em {visibility:hidden;}*/
		#topnav li {float:left;}
		#topnav-aboutus {width:75px;}
		#topnav-aboutus:hover {background-position: 0px -27px;}
		#topnav-aboutus .selected a{background-position: 0px -27px;}

		#topnav-artists {width:73px; background-position:-75px 0;}
		#topnav-artists:hover {background-position: -75px -27px;}

		#topnav-shows {width:67px; background-position:-148px 0;}
		#topnav-shows:hover {background-position: -148px -27px;}

		#topnav-news {width:115px; background-position:-215px 0;}
		#topnav-news:hover {background-position: -215px -27px;}

		#topnav-videos {width:70px; background-position:-330px 0;}
		#topnav-videos:hover {background-position: -330px -27px;}

		#topnav-photogallery {width:117px; background-position:-400px 0;}
		#topnav-photogallery:hover {background-position: -400px -27px;}

		#topnav-downloads {width:93px; background-position:-517px 0;}
		#topnav-downloads:hover {background-position: -517px -27px;}

		#topnav-inquiry {width:72px; background-position:-610px 0;}
		#topnav-inquiry:hover {background-position: -610px -27px;}

		#topnav-contactus {width:90px; background-position:-682px 0;}
		#topnav-contactus:hover {background-position: -682px -27px;}


/*---------------------------------------*/
/*BODY ELEMENTS
/*---------------------------------------*/

#contentbox {width:936px;background:#000 url(../images/contentbox-bg.jpg) top repeat-y;padding:0 20px 0;}
	#flashslideshow {width:960px;height:295px;background:#000;margin:0 0 0 -11px;}
		
	#submenu {width:938px;height:70px;background:url(../images/redcurvebg.jpg) top no-repeat;margin:10px 0 0 0;}
		#submenu p {padding:5px;}
		#submenu a:link, #submenu a:active, #submenu a:visited {color:#FFF; text-decoration:none;font-weight:bold;}
		#submenu a:hover {color:#e0a832; text-decoration:underline;}

	#singingartists-header {width:938px;height:70px;background:url(../images/singingartsist-headerbg.jpg) top no-repeat;margin:0px 0 20px 0;position:relative;top:10px;}
		#singingartists-header h1 {font-size:20px; color:#FFF; display:inline; margin:20px 0 0 10px; position:absolute;}
	
	#generic-header {width:938px;height:70px;background:url(../images/redcurvebg.jpg) top no-repeat;margin:0px 0 20px 0;position:relative;top:10px;}
		#generic-header h1 {font-size:20px; color:#FFF; display:inline; margin:20px 0 0 10px; position:absolute;}

	#hotnews {margin-bottom:0px;}
		#hotnews ul{margin:0 0 0 20px; padding:0;}
		#hotnews ul li {list-style:disc;}
		#hotnews ul li a:link, #hotnews ul li a:active, #hotnews ul li a:visited {color:#FFF;text-decoration:none;}
		#hotnews ul li a:hover {text-decoration:underline;}
	
	.thumbnail-list {position:relative;}
	.thumbnail-list ul {margin:0 0 0 10px; padding:0;}
	.thumbnail-list ul li{margin:0 15px 25px 0; padding:0; list-style:none; float:left; 1background:#FF0; width:120px; height:115px; text-align:center;font-size:11px; line-height:13px;}
	.thumbnail-list ul li a:link, .thumbnail-list ul li a:active, .thumbnail-list ul li a:visited {color:#ffd100;font-weight:bold;text-decoration:none;}
	.thumbnail-list ul li a:hover {text-decoration:underline;}
	.thumbnail-list ul li img {border:1px solid #FFF;}

	#innercontent {position:relative;}
		.largeimg {}
		.largeimg img{border:4px solid #FFF; float:left; margin:0 0 0 10px;}
		#innercontent h1 {
						  float:left; 
						  padding:4px 8px 4px; 
						  background:url(../images/nametitle-bg.jpg) top repeat-x; 
						  display:inline; 
						  margin:0px 0 0 12px; 
						  width:622px; 
						  color:#870300;
						  border:1px solid #d07300;
						  }

		#greybox {float:left; margin:5px 0 0 12px; padding:4px 8px 4px; background:#1e1d1d; width:624px; left:2px;}
			

	.artistprofile .boldgold {width:250px;color:#ff9d22; font-weight:bold;}
		.artistprofile table td {height:30px;}

	.greybox1 {background:#1e1d1d; padding:10px; width:97.6%;}
		.greybox1 ul {margin:0px 0 0 0; padding:0;}
		.greybox1 ul li {list-style:none; float:left;margin:0 3px 0 0;}
		.greybox1 li a:link, .greybox1 li a:active, .greybox1 li a:visited {
						display:block;
						background:url(../images/tabbg.jpg) top repeat; 
						padding:3px; 
						border:1px solid #cf7200; 
						font-size:11px;
						color:#870300;
						font-weight:bold;
						text-decoration:none;
						}
		.greybox1 li a:hover{background:#870300; padding:3px; border:1px solid #870300; color:#FFF;}
		.greybox1 .selected {background:#870300; padding:3px; border:1px solid #870300; color:#FFF; font-weight:bold; display:block;}
		.greybox1 h2 {font-weight:bold; color:#ff9614;}
		.greybox1 h2 a:link, .greybox1 h2 a:active, .greybox1 h2 a:visited {color:#ff9614;text-decoration:none;}
		.greybox1 h2 a:hover {text-decoration:underline;}
		.greybox1 p {margin:0 0 10px 0;}

	.redbox {background:#870300; width:98.3%; padding:8px;}
		.redbox ul {margin:2px 0 0 17px; padding:0}
		.redbox ul li {list-style:none; float:left; margin:0 10px 0 0; padding:0;}
	
	.leftarrow {position:absolute;margin:40px 0 0 0;}
	.rightarrow {position:absolute;margin:-50px 0 0 888px;}
	.overflowhide {position:relative; margin-left:12px;width:870px;height:100px;overflow:hidden;}
	
	.tabbutton {padding:4px;}
	
	#bottombox {width:926px;height:101px;background:#212020;margin:0px 0 0px 0;padding:5px;}
		#bottombox ul {margin:0 0 0 10px;}
		#bottombox ul li {list-style:none; float:left;margin:5px 35px 0 0;}

	#leftlist {width:255px; border:0px solid #FFF; padding:8px; }
		#leftlist h2 {font-size:12px; color:#ffba00; padding:0 0 4px 0; border-bottom:1px solid #ffba00;}
		#leftlist ul {margin:10px 0 0 18px; }
		#leftlist li {margin:0 0 4px 0; list-style-image:url("../images/yellowarrow.gif");}
		#leftlist li a:link, #leftlist li a:active, #leftlist li a:visited {text-decoration:none; color:#FFF;font-size:11px;}
		#leftlist li a:hover {text-decoration:underline;}

	#rightcontent {width:640px; padding:4px;}
		.videoplayer {margin:auto; width:440px; height:369px;}
		

	
/*----dropdown menu definition style------*/
#container {margin:0;}
      
	#cells {clear: left;position: absolute;	z-index: 10;}

	#cells ul {
		list-style: none;
		/*border-top: 1px solid #003399;*/
		margin: 0px;
		padding: 0px;
		display: block;
	}

	#cells li a {
		background-color: #fff49c;
		border-top: 1px solid #b4870b;
		border-right: 1px solid #b4870b;
		border-left: 1px solid #b4870b;
		border-bottom: 1px solid #b4870b;
		font-size: 11px;
		font-weight: bold;
		color: #7e0300;
		display: block;
		height: 15px;
		padding: 5px 20px 5px 10px;
		text-decoration:none;
	}

	#cells a:hover {
		background-color: #ce9907;
		border-top: 1px solid #efb926;
		border-left: 1px solid #efb926;
		color:#FFF;
	}

	.cells {
		width: 100px;
		position: absolute;
		float: left;
		z-index: 2;
		display: none;
	}

	#cell1{
	  width:180px;
	  margin-left:180px;
	}

	#cell2{
	  width:260px;
	  margin-left:258px;
	}

/*---------------------------------------*/
/*FORM DEFINITION ELEMENTS
/*---------------------------------------*/

.myform {
	margin:20px 0 20px 20px;
	border:1px solid #0e0a0a;
	width:80%;
	color:#FFF;
}

	.myform .mydetails {
		padding:4px;
		background:#0e0a0a;
		margin:-34px 0 0 0px;
		position:absolute;
		z-index:10;
		font-size:12px;
		font-weight:bold;
	}

	.myform form fieldset {	border:none; padding:5px;}

	.myform form {margin:20px 0 10px 20px;}

	.myform form label{
		padding:2px;
		margin:0px 10px 10px 0;
		text-align:right;
		width:200px;
		display:block;
		float:left;
	}

	.myform form input{
		border:1px solid #000;
		padding:2px;
		float:left;
		/*display:block;*/
		width:250px;
	}

	.myform form textarea {	margin-bottom:5px;	border:1px solid #000; }
	.myform form textarea:hover { background:#ffddde; }
	.myform form input:hover{ background:#ffddde; }
	.myform form br { clear:left;}
	.myform .adjust { width:3%; position:relative; margin-top:-1px; }

	.myform .button {
		width:80px;
		padding:4px;
		background:#ffa820;
		border:1px solid #0e0a0a;
		font-weight:bold;
		cursor:hand;
		margin-right:2px;
	}

	.myform .button:hover { background:#ffd89b;	border:1px solid #0e0a0a; }

	.myform .error1 {
		position:relative;
		margin-left:215px;
		top:-10px;
		color:#FF0;
	}

	.myform a:link, .myform a:active, .myform a:visited { color:#FFF; text-decoration:underline;}

	.myform a:hover { color:#FFF; text-decoration:none; }

/*---------------------------------------*/
/*FOOTER ELEMENTS
/*---------------------------------------*/

#footer { width:936px;padding:10px 20px 10px;background:#000;color:#e0a832;font-size:11px;text-align:center;border-top:4px solid #332e33;border-bottom:4px solid #332e33}
	#footer a:link, #footer a:active, #footer a:visited {color:#e0a832;text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
	#footer .white {color:#FFF;}
	#footer .white a:link, #footer .white a:active, #footer .white a:visited {color:#FFF;text-decoration:underline;}