/*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */
 /*
 img, div { behavior: url(iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */


/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #e7e7e7;
	color:#333227;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

}
div, p, ul, h1, h2, h3, img, form{
	padding:0;
	margin:0;
	}
ul{
	list-style-type:none;
	}
.bank{
	line-height:10; font-size:0; clear:both; 
	}
	
/*----TOP PANEL----*/
#topPan{
	width:946px;
	height:62px;
	margin:0 auto 0 auto;
	background-image: url(images/topnavbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#topcontactPan{width:915px; height:33px; position:relative; top:19px; left:15px; padding:7px 0 0;}

/*----TOP PANEL SETTING ----*/
#topcontactPan ul.topbotton{width:580px; height:30px; position:absolute; top:0px; left:5px;}
#topcontactPan ul.topbotton li{float:left; height:33px; margin:0}
/*----TOP PANEL @@ ABOUT US @@ ----*/
#topcontactPan ul.topbotton li.aboutus a{width:106px; height:33px; display:block; background:url(images/abtus_a.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#topcontactPan ul.topbotton li.aboutus a:hover{background:url(images/abtus_b.gif) 0 0 no-repeat;}
#topcontactPan ul.topbotton li.aboutusActive a{width:106px; height:33px; display:block; background:url(images/abtus_b.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
/*----END TOP PANEL @@ ABOUT US @@ ----*/

/*----TOP PANEL @@ SERVICES @@ ----*/
#topcontactPan ul.topbotton li.services a{width:102px; height:33px; display:block; background:url(images/services_a.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#topcontactPan ul.topbotton li.services a:hover{background:url(images/services_b.gif) 0 0 no-repeat;}
#topcontactPan ul.topbotton li.servicesActive a{width:102px; height:33px; display:block; background:url(images/services_b.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
/*----END TOP PANEL @@ SERVICES @@ ----*/

/*----TOP PANEL @@ SHOWCASE @@ ----*/
#topcontactPan ul.topbotton li.showcase a{width:118px; height:33px; display:block; background:url(images/showcase_a.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#topcontactPan ul.topbotton li.showcase a:hover{background:url(images/showcase_b.gif) 0 0 no-repeat;}
#topcontactPan ul.topbotton li.showcaseActive a{width:118px; height:33px; display:block; background:url(images/showcase_b.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
/*----END TOP PANEL @@ SHOWCASE @@ ----*/

/*----TOP PANEL @@ TALENTS @@ ----*/
#topcontactPan ul.topbotton li.talents a{width:98px; height:33px; display:block; background:url(images/talents_a.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#topcontactPan ul.topbotton li.talents a:hover{background:url(images/talents_b.gif) 0 0 no-repeat;}
#topcontactPan ul.topbotton li.talentsActive a{width:98px; height:33px; display:block; background:url(images/talents_b.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
/*----END TOP PANEL @@ TALENTS @@ ----*/

/*----TOP PANEL @@ CONTACT US @@ ----*/
#topcontactPan ul.topbotton li.contactus a{width:131px; height:33px; display:block; background:url(images/contact_a.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#topcontactPan ul.topbotton li.contactus a:hover{background:url(images/contact_b.gif) 0 0 no-repeat;}
#topcontactPan ul.topbotton li.contactusActive a{width:131px; height:33px; display:block; background:url(images/contact_b.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
/*----END TOP PANEL @@ CONTACT US @@ ----*/

/*----TOP PANEL CLIENT LOGIN SETTING ----*/
#topcontactPan ul.topclientbotton{width:121px; height:32px; position:absolute; top:0px; right:5px;}
#topcontactPan ul.topclientbotton li{float:right; height:33px; margin:0}
/*----TOP PANEL @@ ABOUT US @@ ----*/
#topcontactPan ul.topclientbotton li.client a{width:121px; height:33px; display:block; background:url(images/clientlogin_a.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#topcontactPan ul.topclientbotton li.client a:hover{background:url(images/clientlogin_b.gif) 0 0 no-repeat;}
#topcontactPan ul.topclientbotton li.clientActive a{width:121px; height:33px; display:block; background:url(images/clientlogin_b.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
/*----END TOP PANEL @@ ABOUT US @@ ----*/

#topcontactPan p.callus{width:63px; height:17px; display:block; background:#DDC40C; color:#fff; font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.tollfree{width:63px; height:20px; display:block; background:#fff; color:#A99607; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.phoneno{width:88px; height:28px; display:block; position:absolute; top:7px; left:91px; background:#fff; color:#00473E; border:1px solid #A2C1C0; font-size:11px; line-height:14px; text-align:center;}
/*----/TOP PANEL----*/	
	
/*------------------------main body-------------------------*/
#main_body{
	width:940px;  margin:0 auto 0 auto; background-color:#FFFFFF;
	}
#left_pan{
	width:172px; background:url(images/suitesoundlogo.jpg) no-repeat; color:#fff; float:left; margin:0; padding:0;
}
#left_pan img{
	margin:10px 0 8px 22px; 
	}
	
#left_pan2{
	width:172px;
	background:url(images/suitesoundlogo.jpg) no-repeat;
	color:#fff;
	float:left;
	margin:0;
	padding:0;
	max-width:172px;
}
#left_pan2 img{
	margin:0px 1px 0px 2px; 
	}	
	
#mainshowcase  {
	margin:0px 0px 0px 0px; position: relative; left:-150px
}	

#mainshowcase ul.shouwcasetb{
	width:126px; display: inline; margin:5px 0 0 0px;
	}

	
#mainshowcase img.showcase {
	border: 1px dotted #0099CC; margin:0px 0px 0px 0px;
}

	
	
#left_pan h1{
	font:11px/23px Verdana, Arial, Helvetica, sans-serif; color:#353535; text-decoration:none; font-weight:normal; padding:15px 0 0 20px;
	}	
#left_pan ul{
	width:126px; display:block; margin:5px 0 0 20px;
	}
#left_pan ul li{
	background:url(images/arrow.gif) no-repeat 0 8px; border-bottom:#B8A997 0px dashed; padding: 0 0 0 18px;
	}

#left_pan ul li.li1{
	background:url(images/arrow.gif) no-repeat 0 8px; border-bottom:none; padding: 0 0 0 18px;font:11px/23px Verdana, Arial, Helvetica, sans-serif; color:#fa3d03; text-decoration:none; font-weight:bold; 
	}
#left_pan ul li a{
	font:11px/23px Verdana, Arial, Helvetica, sans-serif; color:#405d8d; text-decoration:none; font-weight:bold; 
	}
#left_pan ul li a:hover{
	text-decoration:underline; color:#fa3d03;
	}
	
#left_pan2 h1{
	font:11px/23px Verdana, Arial, Helvetica, sans-serif; color:#353535; text-decoration:none; font-weight:normal; padding:15px 0 0 20px;
	}	
#left_pan2 ul{
	width:126px; display:block; margin:5px 0 0 20px;
	}
#left_pan2 ul li{
	background:url(images/arrow.gif) no-repeat 0 8px; border-bottom:#B8A997 0px dashed; padding: 0 0 0 18px;
	}

#left_pan2 ul li.li1{
	background:url(images/arrow.gif) no-repeat 0 8px; border-bottom:none; padding: 0 0 0 18px;font:11px/23px Verdana, Arial, Helvetica, sans-serif; color:#fa3d03; text-decoration:none; font-weight:bold; 
	}
#left_pan2 ul li a{
	font:11px/23px Verdana, Arial, Helvetica, sans-serif; color:#405d8d; text-decoration:none; font-weight:bold; 
	}
#left_pan2 ul li a:hover{
	text-decoration:underline; color:#fa3d03;
	}	
/*-------------------------------right side--------------------*/
#rightPan{
	width:768px;
	float:left;
	margin:0;
	padding:0;
	position: relative;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	}

/*----TOP BANNER SETTING ----*/
#rightPan ul.topbanner{
	width:768px;
	height:200px;
	position:relative;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	right: 0px;
	bottom: 0px;
	float: right;
}
#rightPan ul.topbanner li{height:200px;margin:0; padding:0;	position:relative;}
/*----TOP BANNER @@ ABOUT US @@ ----*/
#rightPan ul.topbanner li.aboutusban{width:768px; height:200px; display:block; background:url(images/homebanbg.jpg) 0 0 no-repeat; margin:0; padding:0; }
/*----END TOP BANNER @@ ABOUT US @@ ----*/	

/*----TOP BANNER @@ SERVICES @@ ----*/
#rightPan ul.topbanner li.servicesban{width:768px; height:200px; display:block; background:url(images/mainpict_services.jpg) 0 0 no-repeat; margin:0; padding:0; }
/*----END TOP BANNER @@ SERVICES @@ ----*/	

/*----TOP BANNER @@ TALENTS @@ ----*/
#rightPan ul.topbanner li.talentsban{width:768px; height:200px; display:block; background:url(images/mainpict_talents.jpg) 0 0 no-repeat; margin:0; padding:0; }
/*----END TOP BANNER @@ TALENTS @@ ----*/	

/*----TOP BANNER @@ SHOWCASE @@ ----*/
#rightPan ul.topbanner li.showcaseban{width:768px; height:200px; display:block; background:url(images/mainpict_showcase.jpg) 0 0 no-repeat; margin:0; padding:0; }
/*----END TOP BANNER @@ SHOWCASE @@ ----*/	

/*----TOP BANNER @@ CONTACT US @@ ----*/
#rightPan ul.topbanner li.contactusban{width:768px; height:200px; display:block; background:url(images/mainpict_contactus.jpg) 0 0 no-repeat; margin:0; padding:0; }
/*----END TOP BANNER @@ CONTACT US @@ ----*/	
	
#rightPan ul{
	width:550px; display:block; margin:0 0 0 25px; height:29px; font-size:0;
	}
#rightPan ul li{
	float:left;  height:29px; 
	}
#rightPan ul li a{
	font:11px/29px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; height:29px; display:block; color:#FFF9F2;
	background:url(images/navi_bg.gif) repeat-x 0 0 #005050; text-decoration:none; text-align:center;
	}
#rightPan ul li a.main{
	background:url(images/home.gif) no-repeat 0 0; width:59px;
	}
#rightPan ul li a.main:hover{
	background:url(images/home_h.gif) no-repeat 0 0; width:59px;
	}
#rightPan ul li a.home{
	background:url(images/about_us.gif) no-repeat 0 0; width:74px;
	}
#rightPan ul li a.home:hover{
	background:url(images/about_us_h.gif) no-repeat 0 0; width:74px;
	}
#rightPan ul li a.sub{
	background:url(images/submission.gif) no-repeat 0 0; width:92px;
	}
#rightPan ul li a.sub:hover{
	background:url(images/submission_h.gif) no-repeat 0 0; width:92px;
	}
#rightPan ul li a.con{
	background:url(images/contact_us.gif) no-repeat 0 0; width:74px;
	}
#rightPan ul li a.con:hover{
	background:url(images/contact_us_h.gif) no-repeat 0 0; width:74px;
	}
#rightPan ul.link{
	width:590px; display:block; margin:23px 0 0 0; height:20px;
	}
#rightPan ul.link li{
	float:left;   width:102px; font-size:0px; display:block; padding:0 0 0 96px; height:20px;
	}
#rightPan ul.link li.sup{
	float:left;   width:96px; font-size:0px; display:block; padding:0 0 0 102px; height:20px; margin:0;
	}
#rightPan ul.link li.sol{
	float:left;   width:122px;  display:block; padding:0 0 0 55px; height:20px;
	}
#rightPan ul.link li a{
	font:20px/20px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#AA855B ; font-weight:normal; 
	background-color:#FFF9F2; background-image:none;  display:block; width:104px; text-align:right; height:20px;
	}
#rightPan ul.link li a:hover{
	color:#5A3000; background-color:#FFF9F2; padding:0; margin:0;
	}
#rightPan ul.sub_link{
	width:590px; display:block; margin:0px 0 0 0; height:14px; padding:0;
	}
#rightPan ul.sub_link li{
	float:left;  width:104px; font-size:0px; display:block; padding:0 0 0 94px; height:14px; margin:0;
	}
#rightPan ul.sub_link li.sup1{
	float:left;   width:96px; font-size:0px; display:block; padding:0 0 0 102px; height:inherit;
	}
#rightPan ul.sub_link li.sol1{
	float:left;   width:112px; font-size:0px; display:block; padding:0 0 0 65px; 
	}
#rightPan ul.sub_link li a{
	font:14px/14px Arial, Helvetica, sans-serif; color:#353535; font-weight:normal; 
	background-color:#FFF9F2; background-image:none;  display:block; width:104px; text-align:right; height:14px;
	}
#rightPan ul.sub_link li a:hover{
	color:#5A3000; background-color:#FFF9F2; padding:0; margin:0; text-decoration:underline;
	}
#rightPan h2{
	width:214px; display:block; font:18px/18px Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase;
	margin:175px 0 0 10px; padding:0px 0 0 0; height:29px; background-color:#FFF9F2;
	}

#rightPan h5{ border-bottom:#eeeeee 1px solid; width:99%; padding:0px 0px 30px 0px; margin:0;}
#rightPan h6{padding:0px 0px 25px 0px; margin:0;}
	
#rightPan P{
	width:720px; font:11px/19px Verdana, Arial, Helvetica, sans-serif; color:#353535; font-weight:normal;
	margin:0 0 20px 20px;
	}
#rightPan P a{color:#405fa7; height:16px; font:11px/14px Verdana,Arial, Helvetica, sans-serif; text-decoration:underline; }
#rightPan P a:hover{color:#ffffff; background-color: #333333}
	
#rightPan P.bodytitle {font-size:12px; font-weight:bold; line-height:25px;}

#rightPan P.smallnote {font-size:10px; color: #FF0000; padding-top:50px;}

#rightPan.contentarea { border:1px #000000 solid; width:400px; height:400px;}

#rightPan ul.events{
	width:700px;
	height:150px;
	float:left;
	border:0px solid #B1DED5;
	color:#5F7A77;
	margin:-25px 0px 0px 9px;
	background-image:url(images/tableA.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: -15px;
	padding-left: 15px;
	background-position: 0px 12px;
}

#rightPan ul.bgA{
	width:700px;
	height:351px;
	float:left;
	border:0px solid #B1DED5;
	color:#5F7A77;
	margin:-25px 0px 0px 9px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: -15px;
	padding-left: 15px;
}

#rightPan ul.bgB{
	width:600px;
	height:200px;
	float:left;
	border:0px solid #B1DED5;
	color:#5F7A77;
	margin:5px 0px 0px 9px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 15px;

}


#rightPan ul.events li.captionthree{color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}

#rightPan ul.events li {width:293px; height:20px; display:block; background:url(images/arrow2.gif) 0 4px no-repeat; color:#990000; text-decoration:none; line-height:20px; padding:0 0 0 12px; font:11px/14px Verdana,Arial, Helvetica, sans-serif; font-weight:bold;}

#rightPan ul.events li.oneline, #rightPan ul.bgA li.oneline {width:95%;height:20px; display:block; background:url(images/arrow2.gif) 0 4px no-repeat; color:#990000; text-decoration:none; line-height:20px; padding:0 0 0 12px; font:11px/14px Verdana,Arial, Helvetica, sans-serif; font-weight:bold;}

#rightPan ul.bgB li.oneline {width:600px;height:60px; background:url(images/arrow2.gif) 0 4px no-repeat; color:#990000; text-decoration:none; line-height:20px; padding:0 0 0 12px; font:11px/14px Verdana,Arial, Helvetica, sans-serif; font-weight:bold;}

#rightPan ul.bgB li.oneline span {width:600px;color:#000000; font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif;}


	
#rightLeft{
	width:186px; float:left; margin:0 0 45px 10px;
	}
#rightLeft h2{
	width:169px; height:39px; display:block; color:#FFFFFF; font:12px/14px Arial, Helvetica, sans-serif; font-weight:bold;
	background:url(images/h2_bg.gif) no-repeat 11px 143px #006666; padding:11px 0 0 17px; margin:0 0 18px 0; text-transform:none;
	}
#rightLeft ul{
	width:186px; margin:0 0 15px 0px; padding:0; display:block;
	}
#rightLeft ul li{
	border-bottom:#C9B884 1px dashed; padding:0; margin:0; display:block; height:48px; font-size:0;
	}
#rightLeft ul li.noborder{
	border-bottom:none; padding:0; margin:0; display:block; height:48px; font-size:0;
	}
#rightLeft ul li a{
	font:13px/14px Arial, Helvetica, sans-serif; color:#4D371E; margin:3px 0 6px 0; padding:0; display:block;
	 background-image:none;	background-color:#FFF9F2; text-align:left; font-weight:normal; width:177px;
	}
#rightLeft a.more{
	width:32px; background:url(images/more_arrow1.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 0px; height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px;
	float:right;
	}
#rightLeft a.more:hover{
	color:#C01F0B; background:url(images/more_arrow2.gif) no-repeat 0 0 #FFF9F2; width:32px;
	}
#rightRight{
	width:350px; float:right; padding-right:42px; margin:0px;
	
	}	
#rightRight h2{
	width:197px; height:39px; background:url(images/h2_bg1.gif) no-repeat 303px 9px #EFBA00; text-transform:none;
	 font:12px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:11px 150px 0 15px;
	  margin:0 0 18px 0; font-weight:bold;
	}
#rightRight ul{
	width:362px; margin:0 0 15px 0px; padding:0; display:block;
	}
#rightRight ul li{
	border-bottom:#C9B884 1px dashed; padding:0; margin:0; display:block; height:52px; font-size:0;
	}
#rightRight ul li.noborder1{
	border-bottom:none; padding:0; margin:0; display:block; height:48px; font-size:0;
	}
#rightRight ul li a{
	font:13px/14px Arial, Helvetica, sans-serif; color:#4D371E; margin:3px 0 6px 0; padding:0; display:block;
	 background-image:none;	background-color:#FFF9F2; text-align:left; font-weight:normal; width:351px;
	}
#rightRight ul li a b{
	margin:0 200px 0 0;
	}
#rightRight a.more1{
	width:32px; background:url(images/more_arrow2.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 0px; height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px;
	float:right;
	}
#rightRight a.more1:hover{
	color:#C01F0B; background:url(images/more_arrow1.gif) no-repeat 0 0 #FFF9F2; width:32px;
	}
/*---------------------------footer-------------------*/
#footer_bg{ background-color:#FFFFFF; width:940px; margin:0  auto 0px auto;  height:43px; padding:25px 0 0px 0;clear: both;
	}
#footer{
	width:100%; margin:0 auto 0px auto; background-color:#353535;
	}
#footer ul{
	width:525px; margin:29px 0 7px 0; display:block; height:15px;
	}
#footer ul li{
	float:left; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#6B6854;
	display:block; 
	}
#footer ul li a{
	font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#6B6854; text-decoration:none;
	margin:0 10px 0 10px;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	margin:0 5px 0 5px;
	font:10px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#c3c3c3;
	height:0px;
	padding:0px 0px 0px 10px;
	vertical-align: middle;
	}

/*----Body Bottom Panel----*/
#bodybottomPan{width:750px; position:relative; margin:0 auto; padding:0px 0 0 15px; float:left}
/*----Bottom Left Panel----*/
#bottomleftPan{
	width:350px;
	float:left;
	background-color:#fafafa;
	color:#353535;
	margin:0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9e9e9e;
	border-right-color: #ececec;
	border-bottom-color: #ececec;
	border-left-color: #ececec;
	font-weight:bold;
}
#bottomleftPan h2{width:325px; height:28px; font:14px/16px Verdana,Arial, Helvetica, sans-serif; padding:0 0 0 5px; margin:10px 0 0 10px; font-weight:bold; border-bottom:1px #666666 dotted;}

#bottomleftPan h5, #bottomrightPan h5{width:325px; height:28px; font:14px/16px Verdana,Arial, Helvetica, sans-serif; padding:0 0 0 5px; margin:10px 0 0 10px; font-weight:bold; color:#FF0000;}

#bottomleftPan ul{width:200px; margin:1px 0 0 5px;}
#bottomleftPan ul li{width:200px; height:30px;} 
#bottomleftPan ul li a{width:200px; height:30px; display:block; color:#2F2A28; font-size:11px; line-height:30px; text-decoration:none; padding:0 0 0 10px;}
#bottomleftPan ul li a:hover{display:block;line-height:30px;} 

#bottomleftPan P{height:28px; font:11px/16px Verdana,Arial, Helvetica, sans-serif; font-weight:bold; padding:0px 10px 0px 175px }

#bottomleftPan P a{ text-decoration:none;}
#bottomleftPan P a:hover{ text-decoration:none; background-color:#333333; color:#FFFFFF;}
 
/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/
#bottomrightPan{
	width:350px;
	float:left;
	background-color:#fafafa;
	color:#353535;
	margin:0 0 0 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9e9e9e;
	border-right-color: #ececec;
	border-bottom-color: #ececec;
	border-left-color: #ececec;
	font-weight:bold;
}
#bottomrightPan h2{width:325px; height:28px; font:14px/16px Verdana,Arial, Helvetica, sans-serif; padding:0 0 0 5px; margin:10px 0 0 10px; font-weight:bold; border-bottom:1px #666666 dotted;}

#bottomrightPan ul{width:200px; margin:15px 0 0 5px;}
#bottomrightPan ul li{width:200px; height:30px;} 
#bottomrightPan ul li a{width:200px; height:30px; display:block; color:#2F2A28; font-size:11px; line-height:30px; text-decoration:none; padding:0 0 0 10px;}
#bottomrightPan ul li a:hover{display:block; line-height:30px;} 

#bottomrightPan P{height:28px; font:11px/16px Verdana,Arial, Helvetica, sans-serif; font-weight:bold; padding:0px 10px 0px 175px }

#bottomrightPan P a{ text-decoration:none;}
#bottomrightPan P a:hover{ text-decoration:none; background-color:#333333; color:#FFFFFF;}

 
/*----/Bottom Left Panel----*/

/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: right;
margin: 1px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
	background-color: #666666;
	font-weight: bold;
	padding: 5px;
	margin-left:10px;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A4A2A2;
	border-right-color: #5b5959;
	border-bottom-color: #5b5959;
	border-left-color: #A4A2A2;
}

div.eg-bar{
width: 320px;
padding-left:5px;
}

.icongroup1, .icongroup2 {
	margin-bottom: 5px;
}

#abc {width: 350; padding:0px 10px 4px 10px; margin-bottom:5px;
	border:none;
/*	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	*/
	}


/*dark grey
.rowgrey {cursor:pointer;cursor:pointer;width: 305px; padding:5px 15px 5px 10px ; background-color:#ececec;  border:#cccccc 1px solid; margin-left:10px; line-height:15px; margin-bottom:-1px;}
*/

.rowgrey {cursor:pointer;cursor:pointer;width: 305px; padding:5px 15px 5px 10px ; background-color:#F2F2F2;  border:#cccccc 1px solid; margin-left:10px; line-height:15px; margin-top:-1px; margin-bottom:0px;}

.rowwhite {cursor:hand;cursor:pointer;width: 305px; padding:5px 15px 5px 10px ; background-color:#fdfdfd;  border:#cccccc 1px solid; margin-left:10px;line-height:15px; margin-bottom:-1px; margin-top:-1px;}



/* BACKGROUND PIC
.rowgrey {cursor:pointer;cursor:pointer;width: 305px; padding:5px 15px 5px 10px ; background-image:url(images/tableB.gif); background-repeat:repeat-x; border:#cccccc 1px solid; margin-left:10px; line-height:15px; margin-bottom:-1px;}

.rowwhite {cursor:hand;cursor:pointer;width: 305px; padding:5px 15px 5px 10px ; background-image:url(images/tableB.gif); background-repeat:repeat-x; border:#cccccc 1px solid; margin-left:10px;line-height:15px; margin-bottom:-1px;}
*/


.icongroup1 a, .icongroup2 a {
	background-image:url(images/btnAbg.gif);
	background-repeat:repeat-x;
	border:#b4c91a 1px solid;
	width:200px;
	height:17px;
	font-weight:bold;
	color:#7d1e0c;
	text-align:center;
	padding:3px 3px 3px 3px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.icongroup1 a:hover, .icongroup2 a:hover {
	background-image:url(images/btnBbg.gif);
	background-repeat:repeat-x;
	border:#b4c91a 1px solid;
	width:200px;
	height:17px;
	font-weight:bold;
	color:#7d1e0c;
	text-align:center;
	padding:3px 3px 3px 3px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.info {
	font-style:italic;
	font-size: 0.9em;
	color: #666666;
}

#rightcolumn{
width:150px;
min-height: 750px;
margin-left: 10px;
padding: 5px;
padding-bottom: 8px;
position: inherit;
left:150px;
top:300px;
}

#rightcolumn{ /*IE only style*/
height: 450px;
}

.trackTitle{
	border:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height: auto;
}


#rightcolumnshow{
width:170px;
min-height: 550px;
position: inherit;
top:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;

}

#rightcolumnshow a{
color:#990000; text-decoration:none;

}

#rightcolumnshow a:hover{
color: #333333; text-decoration:underline;

}

* html #rightcolumnshow{ /*IE only style*/
height: 550px;
}

#talenthd {font:Arial, Helvetica, sans-serif; font-size:24px; color:#000066; padding:5px 10px 10px 15px ; text-transform:uppercase; float:left; width:300px;}

.bigtitle {font:Arial, Helvetica, sans-serif; font-size:18px; color: #333333; line-height:20px;}

	.tableRollOverEffect1{
		background-color:#317082;
		color:#FFF;
	}

	.tableRollOverEffect2{
		background-color:#000;
		color:#FFF;
	}
	
	.tableRowClickEffect1{
		background-color:#F00;
		color:#FFF;
	}
	.tableRowClickEffect2{
		background-color:#00F;
		color:#FFF;
	}
	
.showcasetxt { padding-top:10px}
.showcasetxt a:link{ color:#990000; text-decoration:none; font-weight:bold; font-size:11px}
.showcasetxt a:active{ color:#990000; text-decoration:none; font-weight:bold;font-size:11px}
.showcasetxt a:visited{ color:#990000; text-decoration:none; font-weight:bold;font-size:11px}
.showcasetxt a:hover{ color: #333333; text-decoration: underline; font-weight:bold;font-size:11px}

#showcasePan{
	width:95%;
	float:left;
	background-color:#fafafa;
	color:#353535;
	margin:0 0 0 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9e9e9e;
	border-right-color: #ececec;
	border-bottom-color: #ececec;
	border-left-color: #ececec;
	font-weight:bold;
}


/*CSS used to style the examples. Remove if desired: */

.eg-bar-showcase{
	background-color: #666666;
	font-weight: bold;
	padding: 5px;
	margin-left:10px;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A4A2A2;
	border-right-color: #5b5959;
	border-bottom-color: #5b5959;
	border-left-color: #A4A2A2;
}

div.eg-bar-showcase{
width: 695px;
padding-left:5px;
}

.icongroup1-showcase, .icongroup2-showcase {
	margin-bottom: 5px;
}


tr.rowgrey-showcase {cursor:pointer;cursor:pointer;width:680px; padding:5px 15px 5px 10px ; background-color:#F2F2F2;  border:#cccccc 1px solid; margin-left:10px; line-height:15px; margin-top:-1px; margin-bottom:0px;}

tr.rowgrey-showcase a:hover{cursor:pointer;cursor:pointer;width:680px; padding:5px 15px 5px 10px ; background-color:#cccccc;  border:#cccccc 1px solid; margin-left:10px; line-height:15px; margin-top:-1px; margin-bottom:0px;}

.rowwhite-showcase {cursor:hand;cursor:pointer;width: 680px; padding:5px 15px 5px 10px ; background-color:#fdfdfd;  border:#cccccc 1px solid; margin-left:10px;line-height:15px; margin-bottom:-1px; margin-top:-1px;}




.iconspan-showcase{
float: right;
margin: 1px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

.tableRollOverEffect1{
		background-color:#cccccc;
		color:#7d1e0c;
		width:100%;
}

.tableRowClickEffect1{
		background-color:#b8b7b7;
		color:#292626;
		width:100%;
}
.showcasestyle {color:#333333;}
.showcasestyle a:link {color:#333333; text-decoration:none;}
.showcasestyle a:hover {color:#154669; text-decoration:none;}
.showcasestyle a:visited {color:#333333; text-decoration:none;}
.showcasestyle a:active {color:#333333; text-decoration:none;}

tbody td {font-weight:normal;}
tbody img {border:2px solid #ffffff}