/*
  Media related css
*/
@media only screen and (max-width: 600px) {
	.nav-collapse ul {
	  margin: 0;
	  padding: 0;
	  width: 100%;
	  display: block;
	  list-style: none;	  
	}
	.nav-collapse li {
	  width: 100%;
	  display: block;
	}
	.js .nav-collapse {
	  clip: rect(0 0 0 0);
	  max-height: 0;
	  position: absolute;
	  display: block;
	  overflow: hidden;
	  zoom: 1;
	}
	.nav-collapse.opened {
	  max-height: 9999px;
	}
	.nav-toggle {
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;	  
	  line-height: 30px;
	}	
	.nav-toggle:before {
	  color: blue; /* Edit this to change the icon color */
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  font-size: 30px;
	  text-transform: none;
	  position: absolute;
	  content: url('../images/respmenuopen.jpg');
	  text-indent: 0;
	  speak: none;
	  width: 100%;
	}
	.nav-toggle.active::before {
	  font-size: 30px;
	  content: url('../images/respmenuclose.jpg');
	}
	


	/* Show compacted featuredpromotionstable */
	#featuredpromotionstable td[tdname="Broker"],
	#featuredpromotionstable th[tdname="Broker"],
	#featuredpromotionstable td[tdname="Website"],
	#featuredpromotionstable th[tdname="Website"],
	#featuredpromotionstable td[tdname="End Date"],
	#featuredpromotionstable th[tdname="End Date"]
	{
		display: none;
	}	
	#featuredpromotionstable td[tdname="Promotion"]:before { 
		content: attr(broker) ": "; 
	}	
	#featuredpromotionstable td[tdname="Promotion"]:after { 
		content: attr(enddate); 
	}	
	
	
		
		
	/* Flatten mostpopularbrokerstable */
	#mostpopularbrokerstable table, 
	#mostpopularbrokerstable thead, 
	#mostpopularbrokerstable tbody, 
	#mostpopularbrokerstable th, 
	#mostpopularbrokerstable td, 
	#mostpopularbrokerstable tr { 
		display: block; 
	}
	#mostpopularbrokerstable tr:first-child  { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#mostpopularbrokerstable tr { border: 1px solid #ccc; }
	#mostpopularbrokerstable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 			
		white-space: normal;
		text-align:left;
	}
	#mostpopularbrokerstable td[tdname="Broker"] { 
		text-align:left;
		margin:0px;
	}
	#mostpopularbrokerstable td[tdname="Website"] { 
		text-align:left;
	}
	#mostpopularbrokerstable td:before { 
		position: absolute;
		top: 0px;
		left: 6px;
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	#mostpopularbrokerstable td:before { content: attr(tdvalue); }		
	
	
	/* Show compacted featuredbrokerstable */
	#featuredbrokerstable td[tdname="Broker"],
	#featuredbrokerstable th[tdname="Broker"],
	#featuredbrokerstable td[tdname="Description"],
	#featuredbrokerstable th[tdname="Description"]
	{
		display: none;
	}	
	#featuredbrokerstable td[tdname="Website"]:before { 
		content: attr(broker) ": ";
	}
	#featuredbrokerstable td[tdname="Website"]:after { 
		content: " - " attr(description); 
	}	

	
	/* Flatten brokerstable */
	#brokerstable table, 
	#brokerstable thead, 
	#brokerstable tbody, 
	#brokerstable th, 
	#brokerstable td, 
	#brokerstable tr { 
		display: block; 
	}

	#brokerstable tr:first-child  { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 	#brokerstable tr { border: 2px solid black; }
	#brokerstable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 		
		white-space: normal;
		text-align:left;
	}
	#brokerstable td[tdname="No."] { 
		text-align:left;
		font-weight:bold;
	}
	#brokerstable td[tdname="Broker"] { 
		text-align:left;
		margin:0px;
	}	
	#brokerstable td[tdname="Website"] { 
		text-align:left;
	}
	#brokerstable td:before { 
		position: absolute;
		top: 0px;
		left: 6px;
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	#brokerstable td:before { content: attr(tdvalue); }	
	
	
	/* Flatten brokerdetailssectionconsolidatedtable */
	#brokerdetailssectionconsolidatedtable table, 
	#brokerdetailssectionconsolidatedtable thead, 
	#brokerdetailssectionconsolidatedtable tbody, 
	#brokerdetailssectionconsolidatedtable th, 
	#brokerdetailssectionconsolidatedtable td, 
	#brokerdetailssectionconsolidatedtable tr { 
		display: block; 
	}
	#brokerdetailssectionconsolidatedtable tr:first-child  { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#brokerdetailssectionconsolidatedtable tr { border: 2px solid black; }
	#brokerdetailssectionconsolidatedtable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 		
		white-space: normal;
		text-align:left;
	}
	#brokerdetailssectionconsolidatedtable td:before { 
		position: absolute;
		top: 0px;
		left: 6px;
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;		
		padding-top:5px;		
	}
	#brokerdetailssectionconsolidatedtable td:before { content: attr(tdvalue); }	
	
}


@media screen and (min-width: 600px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}
/* media end */