*{
	/*margin:0 auto; */
	padding:0 auto; 
	_margin:0 auto; 
	_padding:0 auto; 
}
body,div{
	font-family:"Myriad Pro","Myriad Web",Tahoma, Arial;
	font-size: 12px;
	color: #333333;
}
select, input{
	font-family:"Myriad Pro","Myriad Web",Tahoma, Arial;
}

#container{
	margin: 0 auto;
	width: 1000px;
	_width:1000px;
	display:block;
}
#mainContent{
	background-image:url(/bbbin/images/content_bg.gif);
	background-repeat: repeat-y;
	display:block;
	width:920px;
	_width:920px;
	padding: 20px 40px;
	_padding: 20px 40px;
	clear:both;
}
#contentEnd{
	clear:both;
	background: url(/bbbin/images/footer_img.gif) no-repeat;
	display:block;
	height: 158px;
}
a{
	font-family:"Myriad Pro","Myriad Web",Tahoma, Arial;
	font-size: 12px;
	color: #0acdde;
	text-decoration: none;
}
a:visited{
	color: #858585;
}
a:hover{
	text-decoration: underline;
}

.blueText{
	font-family:"Myriad Pro","Myriad Web",Tahoma, Arial;
	font-size: 12px;
	color: #00a0dd;
}
.greenText{
	color: #0bb6c5;
}
.ygreenText{
	color: #B8B202;
}
.bold{
	font-weight:bold;
}

.float{
	float:left;
}
.clear{
	clear:both;
}
#spacer{
	clear:both;
	display:block;
	height: 15px;
}
/************************* HEADER **************************/
.logo{
	float:left;
	background-color: #c7c7c7;


}
.headerAd{
	float:left;
	background:#c7c7c7 url(/bbbin/images/headerBanner_bg.gif) no-repeat;
	height: 121px;
	width: 760px;
}

#navbar{
	clear:both;
	background: transparent url(/bbbin/images/nav_bg.gif) no-repeat;
	height: 40px;
}
#navbar ul.nav {
	margin: 0 0 0 0px;
	padding: 0;
	list-style: none;
	position: relative;
	
}

#navbar ul.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#navbar ul.nav li span {
	position: absolute;
	text-indent: -999px;
	overflow: hidden;
}


#navbar ul.nav li#nav_homepage { position:absolute; width:100px; left: 15px; height: 40px; }         
#navbar ul.nav li#nav_charts { position:absolute; width:102px; left: 115px; height: 40px; }    
#navbar ul.nav li#nav_dance { position:absolute; width:156px; left: 217px; height: 40px;  }    
#navbar ul.nav li#nav_other { position:absolute; width:122px; left: 373px; height: 40px; }    
#navbar ul.nav li#nav_manage { position:absolute; width:150px; left: 495px; height: 40px; }  


li a#homepage{
	display: block;
	width: 100px;
	height: 40px;
	background: url(/bbbin/images/nav_homepage.gif) no-repeat;
}


li a#charts{
	display: block;
	width: 102px;
	height: 40px;
	background: url(/bbbin/images/nav_charts.gif) no-repeat;
}


li a#danceReports{
	display: block;
	width: 156px;
	height: 40px;
	background: url(/bbbin/images/nav_danceReport.gif) no-repeat;
}
li a#otherReports{
	display: block;
	width: 122px;
	height: 40px;
	background: url(/bbbin/images/nav_otherReports.gif) no-repeat;
}
li a#manageAccount{
	display: block;
	width: 150px;
	height: 40px;
	background: url(/bbbin/images/nav_manageAccount.gif) no-repeat;
}

li a#homepage:hover, li.rollover a#homepage, li.current a#homepage,
li a#charts:hover, li.rollover a#charts, li.current a#charts,
li a#danceReports:hover, li.rollover a#danceReports, li.current a#danceReports,
li a#otherReports:hover, li.rollover a#otherReports, li.current a#otherReports,
li a#manageAccount:hover, li.rollover a#manageAccount, li.current a#manageAccount{
	background-position:  0 -40px;
}

#navbar .rightPosition{
	float:right;
	padding-right: 35px;
	padding-top: 15px;
}
#navbar .rightPosition .redA{
	font-family:"Myriad Pro","Myriad Web",Tahoma, Arial;
	color: #c40026;
	font-weight: bold;
	text-decoration: none;
}




/*********************  FOOTER  *************************/

div #footer{
	font-family:Tahoma, Arial;
	font-size: 12px;
	color: #0acdde;
	margin: 25px auto;
	width: 100%;
	text-align:center;
}
div #footer span#footerSpacer{
	
	padding: 0 10px;
}
#footer a{
font-family:Tahoma, Arial;
	line-height: 25px;
}


/************************* CONTENT ****************************/

/****** index ******/
#adminNews{
	width: 100%;
	background: url(/bbbin/images/header_adminNews.gif) no-repeat;
	float:left;
	clear:both;
}
#adminNews .heading,#latestCharts .heading, #latestReports .heading, #danceClub .heading{
	clear:both;
	display:block;
	margin-top: 25px;
}
#adminNews .column{
	padding-top: 5px;
	padding-left: 45px;
	width: 45%;
	float:left;
}
#adminNews .headlineText{
	font-size: 13px;
	color:#c40026;
	font-weight: bold;
	line-height: 40px;
}
#adminNews .headlineText .date{
	color:#333333;
}
#adminNews .body{
	padding-bottom: 2px;
	line-height: 17px
}

#latestCharts{
	width: 460px;
	padding-top: 15px;
	float:left;
}
#latestCharts a{
	color: #333333;
	text-decoration:none;
}
#latestCharts a:hover{
	color: #00a0dd;
	text-decoration:none;
}
#latestCharts .column{
	padding-left: 45px;
	
}
#latestCharts .column .subHeader, #latestReports .column .subHeader{
	clear:both;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight:bold;
}
#latestCharts .column .blueText{
	font-size: 12px;
	color: #00a0dd;
}

#latestCharts .column .entry{
	background: url(/bbbin/images/smallBlueCirc.gif) no-repeat 0 0;
	width: 205px;
	float:left;
	height: 35px;
	line-height:120%;
}
#latestCharts .column .entry a{
	line-height: 14px;
	padding-left: 17px;
}
#latestCharts .column .moreBtn{
	display:block;
	padding: 5px 0;
}

.indexRightColumn{
	width: 460px;
	padding-top: 15px;
	float:left;
}
/* change by ajeet for BIN-418*/
#latestReports a{
	color: #333333;
	text-decoration:none;
}
#latestReports a:hover{
	color: #b8b202;
	text-decoration:none;
}

#latestReports .column{
	padding-left: 40px;
	padding-right: 10px;
}

#latestReports .column .entry{
	margin-left:20px;
	background: url(/bbbin/images/smallGreenCirc.gif) no-repeat 0 0;
	line-height: 18px;
}
#latestReports .column .entryText{
	padding-left: 17px;
}
#latestReports .column .greenText{
	color: #b8b202;
	font-weight:normal;
}
#latestReports .column .greenText:hover{
	color: #00a0dd;
	text-decoration:none;
	
}
#latestReports .divider{
	background: url(/bbbin/images/green_divider.gif) no-repeat;
	margin-top: 5px;
}

#danceClub{
	padding-top: 15px;
}
#danceClub .column{
	background-color: #ececec;
	margin-left: 40px;
	margin-right: 32px;
	display:block;
	padding-bottom: 15px;
}

#danceClub .column .headline{
	padding-left: 20px;
}
#danceClub #messageBody{
	padding-left:40px;
	width: 350px;
	clear:both;
	display:block;
}


#danceClub .column .code .ECbutton{
	padding-left: 10px;
	padding-top: 15px;
	cursor: pointer;

}
#danceClub .column .code .greenText{
	
	font-weight: bold;
}

#danceClub code{
	font-family: "Myriad Pro","Myriad Web",Tahoma, Arial;
	padding-bottom: 10px;
}
#danceClub .column .code span{
	
	width: 350px;
	padding-top: 15px;
	padding-left: 5px;
	margin-bottom: 10px;
	
}
#danceClub .divider{
	background: url(/bbbin/images/gray_divider.gif) no-repeat;
	margin-left: 13px;
	padding-top: 10px;
	height: 1px;
}

#danceClub .moreBtn{
	display:block;
	padding: 10px 40px;

}

/**************************************/

#danceNews{
	margin-top: 10px;
}

#danceNews a{
	color: #333333;
	text-decoration: none;
}
#danceNews a:hover, #danceNews a:active{
	color: #0bb6c5;
	text-decoration: none;
}
#danceNews .rightPosition{
	float:right;
	padding-top: 17px;
	padding-right: 18px;
}
#danceNews .rightPosition .inputEntry{
	padding-left: 7px;
}
#danceNews .headlineContent{
	padding: 15px 20px;
	
}
#danceNews .headlineContent .body{
	padding-top: 7px;
}
#danceNews .divider{
	border-bottom: 1px solid #f0f0f0;
}


/********** charts ************/
.innerChartHeader{
	background: url(/bbbin/images/chartsInner_top.gif) no-repeat;
	height:44px;
	margin-top: 20px;
	width:917px;
	_width:917px;
	
	
}
.innerChart{

	background: url(/bbbin/images/chartsInner_bg.gif) repeat-y;
	padding: 5px 0px 0;
	position:relative; left:0px; top:0px;
	_top:-1px;
	_width:917px;
	width:917px;
}
.innerChartBottom{
	background: url(/bbbin/images/chartsInner_bottom.gif) no-repeat scroll left top;
	height:19px;
	_margin-top:-1px;
	width:917px;
	_width:917px;
}
.innerChartHeader .tabs{
	padding-left: 30px;
	padding-top: 5px;
	color: #333333;
}
.innerChartHeader .tabs .tab{
	float:left;
	position: relative;
	top: 10px;
	left: 20px;
	margin-right: 15px;
	background: url(/bbbin/images/smallBlueCirc_gray.gif) no-repeat;
	height:40px;
}
.innerChartHeader .tab a{
	padding: 10px 20px 0 20px;
	font-weight:bold;
	color: #333333;
	vertical-align: bottom;
}
.innerChartHeader .tabs .activeTab{
	float:left;
	width:110px;
	background: url(/bbbin/images/chartsTab_active.gif) no-repeat;
	height: 40px;
}
.innerChartHeader .tabs .activeTabLong{
	float:left;
	width:130px;
	background: url(/bbbin/images/chartsTab_active_long.gif) no-repeat;
	height: 40px;
}
.innerChartHeader .tabs .activeTabLonger{
	float:left;
	width:160px;
	background: url(/bbbin/images/chartsTab_active_longer.gif) no-repeat;
	height: 40px;
}
.innerChartHeader .tabs .activeTab a, .innerChartHeader .tabs .activeTabLong a, 
.innerChartHeader .tabs .activeTab span, .innerChartHeader .tabs .activeTabLong span,
.innerChartHeader .tabs .activeTabLonger a, .innerChartHeader .tabs .activeTabLonger span{
	/*position: relative;*/
	top: 12px;
	left: 30px;
	font-weight:bold;
	color: #333333;
}
.innerChartHeader .tabs .activeTabLong span,.innerChartHeader .tabs .activeTab span,
.innerChartHeader .tabs .activeTabLonger span{
	background: url(/bbbin/images/smallBlueCirc.gif) no-repeat;
	padding-left: 18px;
}
.innerChartHeader .tabs .activeTab .yellowCirc2, .innerChartHeader .tabs .activeTabLong .yellowCirc2{
	background: url(/bbbin/images/smallYellowCirc.gif) no-repeat;
}
.innerChartHeader .tabs .yellowCirc{
	background: url(/bbbin/images/smallYellowCirc_gray.gif) no-repeat;
}
.innerChartHeader .tabs #byDate span{
	left: 20px;
}
.innerChartHeader .tabs #byGenre span{
	left: 18px;
}
.innerChartHeader .tabs #byChart span{
	left: 05px;
}
.innerChartHeader .tabs #yrToDate span{
	left: 14px;
}
.innerChartHeader .tabs #titleReports span{
	left: 12px;
}
.innerChartHeader .tabs #reporterReports span{
	left: 7px;
}
.innerChart .dateSelection{
	padding: 15px 0;
}
.innerChart select, #chartDisplay select{
	padding-left: 10px;
	margin-right: 20px;
}
.innerChart .smallText{
	padding-left: 5px;
	font-size: 10px;
}
.innerChart .leftColumn{
	float: left;
	width: 35%;
	padding-left: 30px;
}
.innerChart .rightColumn{
	float: left;
	width: 60%;
	padding-top: 15px;
}
.innerChart .topText{
	font-size: 14px;
	font-weight: bold;
}
.innerChart .selection{
	padding-top: 120px;
}
.innerChart .selection .list1{
	float: left;
	width: 280px;
}
.innerChart .selection .list2{
	float: left;
	width: 180px;
}
.innerChart .chartGraph{
	clear:both;
	display:block;
	padding-top: 10px;
}
.innerChart .chartGraph .header{
	background: url(/bbbin/images/chartDate_bg.gif) repeat-x;
	height: 40px;
	width: 900px;
	_width:900px;
	margin:0 0 0 8px;
	position: relative;
	_position: relative;
	_float:left;
	_margin-left:4px;
}
.innerChart .emptyText{
	clear:both;
	width: 925px;
	text-align: center;
	padding: 20px 0;
	font-style: italic;
	font-size: 16px;
}

.innerChart .chartGraph .header span{
	font-weight: bold;
	font-size: 14px;
	position: relative;
	top: 12px;
	left: 20px;
}
.innerChart .chartGraph .subh{
	font-size: 12px;
	position: relative;
	top: 12px;
	left: 16px;
	padding-bottom: 25px;
	margin:0; 
	width:700px;
}
.innerChart .chartGraph .subh a{
	text-decoration: underline;
}
.innerChart .chartGraph .graph{
	position: relative;
	left: 8px;
	width: 945px;
	_width: 920px; 
}
.innerChart .chartGraph .listSpan{
	float: left;
	width: 150px;
	height: 25px;
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
	padding-top: 10px;
	_position: relative;
	_padding-top: 10px;
	_float: left;
	_width: 150px;  
}
.innerChart .chartGraph .long{
	width: 242px;
}
.innerChart .chartGraph .long1{
	width: 296px;
}
.innerChart .chartGraph .longer{
	width: 355px;
}
.innerChart .chartGraph .longer1{
	width: 300px;
	_width: 300px;
}
.innerChart .chartGraph .longer2{
	width: 290px;
	_width: 300px;
}
.innerChart a{
	color: #333333;
	text-decoration: none;
	
}
.innerChart a:hover{
	font-weight: bold;
	text-decoration: none;
	
}
.innerChart .more_btn{
	position: relative;
	top: 7px;
	left: 800px;
}
.innerChart .paddedTopText{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 10px 30px;
	clear:both;
}
.graybotBorder{
	border-bottom: 0px solid #f0f0f0;
}
.innerChart .chartSelection{
	padding: 15px 5px 15px 40px;
	clear:both;
}
.innerChart .chartSelection .rbutton{
	float: left;
	width: 170px;
	padding-bottom: 18px;
}
.innerChart .chartGraph #chartGenre{

	font-style: italic;
	padding-right: 2px;
	
	
}
.innerChart .rightPosition{
	float: right;
	padding-right: 20px;
	margin-right: 35px;
	_margin-right: 5px;
	position: relative;
	top: -6px;
	#top: -26px;
	_top: -6px;
}
.innerChart .searchDiv{
	margin-top: 20px;
}


.innerChart .chartGraph .header .note{
	font-weight:normal;
	padding-left: 30px;
}
.innerChart .chartGraph .filter{
	clear: both;
	position: relative;
	left:370px;
	top: 15px;
	padding-bottom: 30px;
}
.innerChart .inner{
	padding-top: 20px;
	padding-left: 30px;
}
.innerChart .inner .label{
	font-weight: bold;
	font-size: 13px;
}
.leftPad{
	padding-left: 15px;
}
.rightPad{
	padding-right: 15px;
}


#searchResult{
	padding: 20px 0;
}
#searchResult .Header, #bulletAdj .Header{
	background: url(/bbbin/images/chartHead_long.gif) no-repeat;
	height: 40px;
	width: 920px;
	margin-top: 30px;
	position: relative;
	left: -25px;
}

#searchResult .Header span, #bulletAdj .Header span{
	font-weight: bold;
	position: relative;
	font-size: 14px;
	top: 14px;
	left: 20px
}
#searchResult .subHeader, #chartDisplay .subHeader, #downloadCharts .subHeader, 
#downloadChartsDisplay .subHeader, #yrToDate .subHeader, #reportPage .subHeader{
font-size: 16px;
	position: relative;
	left: -25px;
	width: 920px;
	padding-bottom: 10px;
	padding-left: 20px;

}
#searchResult .resultList{
	position: relative;
	left: -25px;
	width: 970px;
}
#searchResult .resultList .result{
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top: 10px;
}
#searchResult .leftPad{
	padding-left: 30px;
}
#searchResult a{
	color:#00a0dd;
}
#searchResult .divider{
	border-bottom: 1px solid #f0f0f0;
	
}
#chartDisplay a{
	color: #F9D900;
	text-decoration: none;
}
#chartDisplay a:hover{
	text-decoration: underline;
}
#chartDisplay .leftColumn{
	float: left;
	_float: left;
	width: 310px;
	padding-top: 20px;
	_width: 310px;
	_padding-top: 20px; 
}
#chartDisplay .rightColumn{
	float: left;
	_float: left;
	_margin-left:160px;
	_margin-top:-175px;
	padding-top: 20px;
	padding-left: 20px;
	width: 580px;
	_padding-top: 20px;
	_padding-left: 20px;
	_width: 580px; 
}

#chartDisplay .leftInfoHead{
	background: url(/bbbin/images/leftInfo_top.gif) no-repeat;
	height: 19px;
}
#chartDisplay .leftInfo{
	background: url(/bbbin/images/leftInfo_bg.gif) repeat-y;
	padding: 10px;
}
#chartDisplay .leftInfo .list{
	background: url(/bbbin/images/smallYellowCirc.gif) no-repeat;
	padding: 0 20px 10px 20px;;
}
#chartDisplay .leftInfoBottom{
	background: url(/bbbin/images/leftInfo_bottom.gif) no-repeat;
	height: 19px;
}
#chartDisplay .chartGraph{
	padding-top: 20px;
}
#chartDisplay .chartGraph .header{
	background: url(/bbbin/images/chartGraph_small.gif) no-repeat;
	border-right: 1px solid #f0f0f0;
	font-weight:bold;
	margin-left:0;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 14px;
	height: 28px;
	width: 550px;
	_padding-left: 20px;
	_padding-top: 10px;
	_font-size: 14px;
	_height: 28px;
	_width: 525px;
}
#chartDisplay .chartGraph .listSpan, #reportPage .chartGraph .listSpan{
 	float: left;  
	width: 140px; 
	height: 25px;
	_width: 120px; 
	_height: 25px;
	line-height: 25px;
	_line-height: 25px;
	border: 1px solid #f0f0f0;
	text-align: center;
}
#downloadChartsDisplay .chartGraph .listSpan{
 /**	float: left;  */
	width: 140px; 
	height: 25px;
	_width: 120px; 
	_height: 25px;
	line-height: 25px;
	_line-height: 25px;
	border: 1px solid #f0f0f0;
	text-align: center;
}
#chartDisplay .chartGraph .long{
	width: 285px;
}
#chartDisplay .rightPosition{
	float: right;
	padding-top: 15px;
	padding-right: 10px;
}

#downloadCharts .note{
	padding: 20px 0;
}
#downloadCharts .printHide{
}
#downloadCharts .chartsList .leftColumn{
	float: left;
	width: 600px;
}
#downloadCharts .chartsList .rightColumn{
	float: left; 
	_float: left;  
	width: 310px; 
	_width: 310px;  
}
#downloadCharts .chartsList .chartName{
	padding-right: 10px;
	font-weight:bold;
}
#downloadCharts .chartsList a{
	padding: 0 5px;
	color:#00a0dd;
}

#downloadCharts .chartsList .chartContent{
	clear:both;
	 background-color: #ececec;	
	 padding: 20px;
	 margin-bottom: 20px;
	 position: relative;
	 top: 10px;
	 line-height: 15px;
}
#downloadCharts .graph{
	clear:both;

}
#downloadCharts .graph .listSpan{
/**	float: left;  */
	width: 140px;
	#width: 150px;
	_width: 150px;
	height: 30px;
	line-height:18px; /* Change by Ajeet for BIN-444*/
	border: 1px solid #f0f0f0;
	text-align: center;
	overflow:hidden;
}
#downloadCharts .graph .fatSpan{
	height: 39px;
}
#downloadCharts .graph .smallFont{
	font-family: Tahoma;
	font-size: 10px;
}
#downloadCharts .graph .short{
	width: 35px;
}
#downloadCharts .graph .long{
	width: 225px;
}
.innerChart .noteList{
	padding-top: 20px;
	padding-left: 50px;
}
.innerChart .noteList .list{
	float: left;
	width: 240px;
	padding-bottom: 15px;
}
.innerChart .noteList .longWidth{
	width: 350px;
}
.searchBox{
	background: url(/bbbin/images/search_base.gif) no-repeat;
	width: 345px;
	height: 42px;
	position: relative;
	left: 40px;
	float:left;	
}
.searchBox .searchImg{
	position: relative;
	top: 8px;
	left: 20px;

}
.searchBox .searchImgLong{
	left:5px;
	_left:0px;
}
.searchBox .searchImgLonger{
position: relative;
	top: 8px;
	left:13px;
}
.searchBox .inviTxt{
	background-color:transparent;
	width:230px;
	border:medium none;	
	padding-left: 10px;
	
}
.longSearchBox{
	background: url(/bbbin/images/search_base_long.gif) no-repeat;
	width: 438px;
	line-height:42px;
}
.longerSearchBox{
	background: url(/bbbin/images/search_base_longer.gif) no-repeat;
	width: 460px;
}


.longSearchBox select{
	margin-left: 6px;
	#margin-left: 9px;
}
.longSearchBox .inviTxt{
	background-color:transparent;
	width:220px;
	border:medium none;	
}
.longerSearchBox .inviTxt{
	padding-left: 0;
}
.longerSearchBox select{
	margin-left: 6px;
}
.innerChart #innerTab{
	background: url(/bbbin/images/danceReport_tabHead.gif) scroll no-repeat 0 0;
	height:77px;
	margin-top:22px;
	_margin-top: 300px;
	margin-left: 9px;
	_margin-left: 46px;
	_margin-right: -22px;
	display:block;
	position:relative;
}
.innerChart ul#tabnav {
      height:35px;
      margin:0pt;
	clear: both;
	  display:block;
      line-height:35px;
		position: relative;
		top: -18px;
}
.innerChart ul#tabnav li {
	margin:0;
	padding:0;
	float:left;
	height:35px;
	list-style-type:none;
	position:relative;
}
.innerChart ul#tabnav li a {
	color:#4D5431;
	font-size:14px;
	font-weight:bold;
	line-height:35px;
	text-decoration:none;
	display:block;
	float:left;
	height:35px;
	margin:0pt 0pt 0pt 5px;
	padding:0pt 15px;
	position:relative;
}
.innerChart ul#tabnav li a:hover, ul#tabnav li a.active {
	background:#edeaea none repeat scroll 0%;
	font-weight:bold;
	text-decoration:none;
}

 .innerChart #tabContainer .graph {
	clear:both;
	display:block;
	line-height:15px;
	padding:0px 35px 15px 0;
	text-align:left;
	position: relative;
	top: -6px;
	_left:10px;
}


/* Safari */ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.innerChart #tabContainer .graph {
 clear:both;
 display:block;
	line-height:15px;
	padding:0px 35px 15px 0;
	text-align:left;
	position: relative;
	top: -2px;
	_left:10px;

	}
	} 



 .innerChart #tabContainer .graph .listSpan{
	border-top: none;
 }
 .innerChart #tabContainer .chartSelection{
	position: relative;
	top: -10px;
	float: left; 
 }
 .innerChart #tabContainer .graph .topBorder{
	border-top: 1px solid #f0f0f0;
 }
 .innerChart #tabContainer .rbutton{
	width: 200px;
	padding-bottom: 0;
 }
.innerChart #tabContainer .regSelection{
	padding: 10px;
	_padding: 10px;
	_margin-right: 10px;
	float: right;
}
.innerChart #tabContainer .regSelection select{
	margin-left: 10px;
}

.innerChartHeader{
	background: url(/bbbin/images/chartsInner_top.gif) no-repeat;
	height:44px;
	margin-top: 20px;
}
.innerChart .topLabel{
	font-size: 16px;
	font-weight: bold;
	padding: 20px 40px 0;
}
.innerChart .graph .short{
	width: 75px;
}
.innerChart .header .padRight{	
	padding-left: 120px;
	position: relative;
	top: 10px;
}
.innerChart .header a, .innerChart .rightPosition a{
	color: #0BB6C5;
	text-decoration: none;
}
.innerChart .header a:hover, .innerChart .rightPosition a:hover{
	text-decoration: underline;
	font-weight:normal;
}
.innerChart .topPad{
	padding-top: 20px;
}

#danceClubDiv a{
	color: #0BB6C5;
	text-decoration: none;
}
/* ajeet*/
.progBar{
	
	border:thick;
}

#danceClubDiv a:hover{
	font-weight: normal;
	text-decoration: underline;
}

#danceClubDiv .tabs a{
	color: #666666;
}
#danceClubDiv .tabs a:hover{
	text-decoration: none;
	font-weight: bold;
}
#danceClubDiv .djChooser{
	float: right;
	padding-right: 100px;
	position: relative;
	top: -10px;
}
#danceClubDiv .djChooser a, #danceClubDiv .djChooser input{
	position: relative;
	top: 7px;
	left: -4px;
}
#danceClubDiv .divider{
	background: url(/bbbin/images/gray_divider_long_wh.gif) no-repeat;
	clear:both;
	margin-left: 10px;
	position: relative;
	top: 10px;
}
#danceClubDiv .listDiv, #bulletAdj .listDiv{
	clear:both;
	padding-top: 10px;
	text-align: center;
}
#danceClubDiv .listDiv .letterSelection a, #bulletAdj .listDiv .letterSelection a{
	padding:0 5px;
}
#danceClubDiv .listDiv .letterSelection a:hover, #bulletAdj .listDiv .letterSelection a:hover{
	background: url(/bbbin/images/pagination_active.gif) no-repeat;
	text-decoration: none;
}

#danceClubDiv .djList{
	clear:both;
	padding-top: 30px;
	margin-left: 50px;
}
#danceClubDiv .darkBlueText{
	color:#067bb0;
}
#danceClubDiv .darkBlueText:hover{
	font-weight:normal;
	text-decoration: underline;
	color:#067bb0;
	
}
#danceClubDiv .djList .leftList, #bulletAdj .reportList .leftList{
	float: left;
	width: 400px;
	padding-left: 30px;
	text-align: left;
}
#danceClubDiv .djList .rightList, #bulletAdj .reportList .rightList{
	float: left;
	padding-left: 30px;
	width: 400px;
	text-align: left;
}
#danceClubDiv .djList .listHeader{
	padding-top: 25px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
#danceClubDiv .djList .dj{
	line-height: 16px;
}

#bulletAdj a{
	color: #B8B202;
	text-decoration: none;
}

#bulletAdj a:hover{
	text-decoration: underline;
}
#bulletAdj .subH{
	padding: 16px 30px;
	_padding: 20px 20px;
<!--[if IE 7]>
	padding: 20px 20px;
<![endif]--> 
}
#bulletAdj .listDiv .letterSelection{
	padding: 0 5px;
}
#bulletAdj .reportList .listHeader{
	padding-top: 25px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
#bulletAdj .leftList{
	padding-left: 0;
	margin-left: 30px;
}
#bulletAdj .report{
	line-height: 16px;
}
#bulletAdj .rightList .links{
	padding-top: 40px;
	padding-bottom: 15px;
	line-height: 19px;
}
#bulletAdj .greenList{
	background: url(/bbbin/images/smallGreenCirc.gif) no-repeat;
	padding-left: 20px;
}
#bulletAdj .table .listSpan{
	float: left;
	width: 150px;
	height: 25px;
	border: 1px solid #f0f0f0;
	text-align: center;
	padding-top: 10px;
}
#bulletAdj .table .long{
	width: 300px;
}
#bulletAdj .table .longer{
	width: 450px;
}
#bulletAdj .rightPosition{
	float: right;
	position: relative;
	top: -10px;
	padding-right: 10px;
	_top: -20px;
	_margin-bottom:-20px;
}
.padTop{
	padding-top: 10px;
}
#bulletAdj .rightPosition a{
	padding:0 5px;
}

#panelList .listSpan,#surveyList .listSpan{
	width: 180px;
}
#panelList .long{
	width: 250px;
}
#panelList .longer, #surveyList .longer{
	width: 263px;
}
#panelList .short, #surveyList .short{
	width: 50px;
}
#panelList .med{
	width: 100px;
}
#panelList .floatRight{
	float: right;
	margin-right: 40px;
	margin-top: 10px;
}
#panelList .subHText, #surveyList .subHText{
	padding-left: 40px;
	padding-bottom: 10px;
}
#surveyList .short{
	width: 53px;
}
#aboutUs .user{
	font-size: 12px;
	
	color: #c40026;
	padding-top: 20px;
	padding-bottom: 10px;
}
#aboutUs .header{
	font-size: 16px;
	font-weight: bold;
	color: #c40026;
	padding-top: 20px;
	padding-bottom: 10px;
}
.glossaryTbl {
	padding: 20px;
}
.glossaryTbl td{
	border: 1px solid #f0f0f0;

}
.sitemapLinks{
	padding: 20px;
}
.sitemapLinks a{
	line-height: 18px;
}




.pagination{
	padding: 15px 0;
	text-align:center;
}
.pagination a{
	font-size: 11px;
	color: #333333;
	padding: 0 5px;
	line-height: 15px;
}
.pagination a:hover{
	text-decoration: underline;
	font-weight:normal;
}
.pagination .active, .pagination a.pg:hover{
	background: url(/bbbin/images/pagination_active.gif) no-repeat;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#reportPage .topText{
	position: relative;
	top: 10px;
	left: 150px;
}
#reportPage .leftCol{
	float:left;
	width: 400px;

}
#reportPage .leftCol .field{
	padding: 5px 0;
}
#reportPage .leftCol .field .label{
	font-weight:bold;
	padding-right: 5px;
}
#reportPage .chartGraph{
	padding-top: 40px;
 	_width:945px;
	#padding-top: 20px;
}
#reportPage .chartGraph .graph{
	_width:945px;
}
#reportPage .chartGraph .listSpan{
	width: 70px;
}
#reportPage .chartGraph .long{
	width: 205px;
}
#reportPage .chartGraph .long2{
	width: 250px;
}
#reportPage .totalDiv{
	_width:945px; 
	padding-top: 10px;
	padding-left: 20px;
	_padding-top: 10px;
	_padding-left: 20px;
}
#reportPage .totalDiv .label{
	float:left;
	font-weight: bold;
}
#reportPage .totalDiv .labeltw{
	float:left;
	padding-left:480px;
	_padding-left:480px;
}
#reportPage .totalDiv .labellw{
	float: left;
	padding-left: 110px;
	_padding-left: 110px;
}

#reportPage .totalDiv .label2w{
	float: left;
	padding-left: 110px;
	_padding-left: 110px;
}
#reportPage .totalDiv .fieldLbl{
	font-weight: bold;
	padding-right: 0px;
	_padding-right: 5px;
}
#reportPage .padTop{
	padding-top: 30px;
	_padding-top: 30px;
}
#reportPage .chartGraph .list2{
	width: 74px;
}
#reportPage .chartGraph .list2H{
	width: 74px;
	height: 48px;
}
#reportPage .chartGraph .list3{
	width: 90px;
}
#reportPage .chartGraph .list3H{
	width: 90px;
	height: 80px;
}
#reportPage .chartGraph .longer{
	width: 300px;
}
#reportPage .chartGraph .list4{
	width: 100px;
}
#downloadChartsDisplay .chartContent{
	clear:both;
	 padding: 20px;
	 margin-bottom: 20px;
	 position: relative;
	 top: 10px;
	 line-height: 15px;
}
#downloadChartsDisplay .chartGraph .listSpan{
	height: 30px;
	line-height: 18px;/* Change by Ajeet for BIN-444*/
}
#downloadChartsDisplay .chartGraph .chartHeader{
	clear:both;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
}
#downloadChartsDisplay .chartGraph .short{
	width: 90px;
}
#downloadChartsDisplay .chartGraph .long{
	width: 260px;
}
#downloadChartsDisplay .chartGraph .longer{
	width: 500px;
}


#popupContainer{
	margin: 0 auto;
	width: 300px;
	display:block;
	background-color:white;
	padding: 15px;
}
.popupHeader{
	font-size: 14px;
	font-weight:bold;
	padding-bottom: 5px;
}
.popupClose{
	padding-top: 5px 0;
	text-align:right;
}


/***Added New *******/

#tabContainer{
	margin:0px;
	padding:0px;
	position:relative;
	_top:-300px;
	_left:-35px;
	_width:917px; 
}
#tabDivContainer
{
	position:relative;
	padding:10px 0 10px 16px;
	top:10px;#
}
#tabDivpageContainer
{
	float:right;
	position:relative;
	padding:10px 0;
	_top:-280px;
	_left:-25px;
}
.chartGenrespan {
	font-style:italic;
	padding-right:2px;
	text-align:left;
}
/* Change by Ajit Kumar for BIN-452 starts*/
.rightPosition{
	float: right;
	padding-right: 20px;
	margin-right: 35px;
	_margin-right: 5px;
	position: relative;
	top: -6px;
	#top: -26px;
	_top: -6px;
}
.rightPositionNatSummary{
	float: right;
	padding-right: 20px;
	margin-right: 50px;
	_margin-right: 35px;
	position: relative;
	top: 1px;
	_top: -5px;
}

.rightPositionTitleSummary{
	float: right;
	margin-right: 5px;
	_margin-right: -15px;
	position: relative;
	top: 1px;
}
.backButtonTop{
float:right;
position:relative;
right:80px;
_right:-25px;
top:-15px; 
_top:-20px; 
z-index:2222;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.backButtonTop{
float:right;
position:relative;
right:30px;
top:5px; 
z-index:2222;
}
}
.backButtonNatSummaryTop{
float:right;
position:relative;
right:80px;
_right:95px;
top:-10px; 
_top:-15px; 
z-index:2222;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.backButtonNatSummaryTop{
float:right;
position:relative;
right:100px;
top:5px; 
z-index:2222;
}
}
.backButtonRegionalActTop{
float:right;
position:relative;
right:70px;
_right:45px;
top:-15px; 
_top:-10px; 
z-index:2222;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.backButtonRegionalActTop{
float:right;
position:relative;
right:40px;
top:5px; 
z-index:2222;
}
}

.innerChart .backButtonTop{
float:right;
position:relative;
right:60px;
_right:30px;
top:-10px;
_top:-5px;
z-index:2222;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.innerChart .backButtonTop{
float:right;
position:relative;
right:60px;
top:5px;
z-index:2222;
}
}
.innerChart .backButtonSurveyTop{
float:right;
position:relative;
right:62px;
_right:35px;
top:-18px;
_top:-15px;
z-index:2222;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.innerChart .backButtonSurveyTop{
float:right;
position:relative;
right:62px;
top:-5px;
z-index:2222;
}
}

.innerChart .backButtonMostAddedTop{
float:right;
position:relative;
right:40px;
top:-10px;
z-index:2222;
}

.dcrPrintText{
	float:right;
	font-weight:normal; 
	padding-right:20px;
	position: relative;
	top: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.dcrPrintText{
	float:right;
	font-weight:normal; 
	padding-right:20px;
	position: relative;
	top: 30px;
}
}

.dcrPrintChartsTextD{
	float:right;
	font-weight:normal; 
	padding-right:20px;
	position: relative;
	margin-right:65px;
	top: 1px;
}
.dcrPrintChartsTextG{
	float:right;
	font-weight:normal; 
	padding-right:20px;
	position: relative;
	margin-right:65px;
	top: 1px;
}
.dcrPrintChartsText1{
	float:right;
	font-weight:normal; 
	padding-right:20px;
	position: relative;
	margin-right:65px;
	top: 1px;
}

	
	
.dcrPrintTextNationalReport{
	float:right;
	font-weight:normal; 
	position: relative;
	margin-right:5px;
	_margin-right:-155px;
	top: 0px;
	_top: -5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.dcrPrintTextNationalReport{
	float:right;
	font-weight:normal; 
	position: relative;
	margin-right:25px;
	top: 0px;
}
}
.dcrPrintTextNationalSummary{
	float:right;
	font-weight:normal; 
	position: relative;
	margin-right:5px;
	_margin-right:15px;
	top: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.dcrPrintTextNationalSummary{
	float:right;
	font-weight:normal; 
	position: relative;
	margin-right:100px;
	top: 0px;
}
}
.dcrPrintTextRegionalReport{
	float:right;
	font-weight:normal; 
	position: relative;
	margin-right:-5px;
	_margin-right:-35px;
	top: -1px;
	_top: 2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.dcrPrintTextRegionalReport{
	float:right;
	font-weight:normal; 
	position: relative;
	margin-right:35px;
	top:1px;
}
}

#reportPage .padTopNationalAct{
	padding-top: 10px;
	_padding-top: 10px;
}
.innerChart .topPadSurveyList{
	padding-top: 10px;
	_padding-top: 5px;
}
.innerChart .topPadMostAdded{
	padding-top: 20px;
}
/* Change by Ajit Kumar for BIN-452 ends*/
.clearRow{ clear:both;}
.WideThreeH{ width:418px!important;}