body
{
}
.tableBorder
{
	border-right: #39546b thin solid;
	padding-right: 0px;
	border-top: #39546b thin solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #39546b thin solid;
	width: 340px;
	padding-top: 0px;
	border-bottom: #39546b thin solid;	
}
.Calfont1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:right;
	color: #000000;
	text-decoration:underline;
	
}
.black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	text-decoration: none;	
}
.black10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.black8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.black11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bolder;
	color:Black;
	text-decoration: none;
}

.grey {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.header
{
	font-family:Humanst531 BT;
	 font-weight:normal;
    color:#B0C4DE;
    font-size:small;
}
.header1
{
	font-family:Humanst531 BT;
  font-weight:normal;
   color:White;
}
.blue {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3B576F;
	text-decoration: none;
}
.blackbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.blackboldforSalesVolumeChart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
    text-align:center;
}
.blackboldforRevenueCharts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
}
.blackbold1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	 text-align:center;
}
.Bluebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #97A7B4;
	text-decoration: none;
	font-weight: bold;
}

.blacksmall {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	color: #000000;
	text-decoration: none;
	
	
}

A:link {text-decoration: none; color:black}
A:visited {text-decoration: none; color:Black}
A:active {text-decoration: underline; color:Blue; background-color:Yellow}
A:hover {text-decoration: underline; color:Blue; background-color:Yellow}


.blacksmall1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align:left;
	color: #000000;
	text-decoration: none;
	
}
.Calfont {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	color: #000000;
	text-decoration: none;
	
}

.div {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align:left;
	color: #000000;
	text-decoration: none;
	overflow:auto;
	
}
.divAgentSales {

	height:550px;
	width:838px;
	overflow:auto;
	
}

.divAgentWithoutSales {

	height:630px;
	width:867px;
	overflow:auto;
	
}
.divMCharges {

	height:550px;
	width:860px;
	overflow:auto;
	
}
.lightgrey {


	font-family: Arial;
	font-size: 10px;
	color: #CFCFCF;
	text-decoration: none;
}
.bluebold {
	font-family:Arial;
	font-size: 11px;
	color: #3B576F;
	text-decoration: none;
	font-weight: bold;
	
}
.bluebold1 {
	font-family:Arial;
	font-size: 11px;
	color:Blue;
	text-decoration: none;
	font-weight: bold;
	
}
.redbold {
	font-family:Arial;
	font-size: 11px;
	color:Red;
	text-decoration: none;
	font-weight: bold;
	
}

.greybold {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
}
	
.hand
{
	cursor:hand;
}
.grdMtran
{
    overflow: auto;
	width: 840px;
	height: 175px;  
}
.grdPComm
{
    overflow: auto;
	width: 840px;
	height: 360px;  
}

.divMyTransactionGrid{

	height:190px;
	width:459px;
	overflow:auto;
	
}

.divOpenListingGrid{

	height:200px;
	width:845px;
	overflow:auto;
	
}

.divDisplayGrid{

	height:585px;
	width:865px;
	overflow:auto;
	
}

.divMyOpenTransaction
{
	height:203px;
	width:845px;
	overflow:auto;
}
.divMyCommissionGrid
{
	height:390px;
	width:830px;
	overflow:auto;
}

.gridHeader
{
    font-family: Arial;
	font-size: 11px;
	background-color:White;
}

.divARoster
{
	width: 865px;
	height:595px;
	overflow:auto;
}
.divPerformance
{
	width: 865px;
	height:610px;
	overflow:auto;
}
.divMyChart
{
	width: 862px;
	height:614px;
	overflow:auto;
}
.divMyListing
{
	width: 870px;
	overflow:auto;
}
.divGridHeight
{
	width: 870px;
	height:625px;
	overflow:auto;
}
.divTransaction
{
	width: 855px;
	height:600px;
	overflow:auto;
}
.divEventCalender
{
	width: 862px;
	height:520px;
	overflow:auto;
}

.whitebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:White;
	text-decoration: none;
	font-weight: bold;
}
.whiteboldAgent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:White;
	text-decoration: none;
	font-weight: bold;
}
.whitesmall {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	color:White;
	text-decoration: none;
}
.divListView
{
	height:226px;
	width:300px;
	overflow:auto;
}

.divListViewPopup
{
	height:226px;
	width:330px;
	overflow:auto;
}

.blacksmall2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right;
	color: #000000;
	text-decoration: none;
}
.blacksmallPopup {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	color: #000000;
	text-decoration: none;
}
.divMUCCalender
{
	width: 860px;
	height:590px;
	overflow:auto;
}
.divTop10Listing
{
	width: 860px;
	height:643px;
	overflow:auto;
}

.divMyAcount
{
	width: 865px;
	height:470px;
	overflow:auto;
}

.CalTodayfont {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
    vertical-align:middle;
	text-align:left;
	color: #000000;
	text-decoration: none;
}

.divTodayView
{
	height:253px;
	width:418px;
	overflow:auto;
}

.divActiveListingGrid{

	height:190px;
	width:360px;
	overflow:auto;
	
}
.divAgProfile
{
	width: 866px;
	height:583px;
	overflow:auto;
}
.divAgProfileBottom
{
	width: 865px;
	height:578px;
	overflow:auto;
}
.divMListing
{
      width: 865px;
      height:592px;
      overflow:auto;
}
.pageheader
{
	font-family: "Humanst531 BT";
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.goalFont
{
   font-weight:600;
    font-size:8pt;
    font-family:Trebuchet MS;
    text-align:left;
    vertical-align:top;
    
}

.blacksmall1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right;
	color: #000000;
	text-decoration: none;	
	
}

.divMyCommission
{
	width: 862px;
	height:638px;
	overflow:auto;
}
.divMyAccount
{
	width: 862px;
	height:638px;
	overflow:auto;
}
.divMyAccountCharts
{
	width: 862px;
	height:616px;
	overflow:auto;
}
.SearchAlign
{
	vertical-align:top;
	height:20px;
	background-color:#39546b;
	color:White;
	font-weight:bold;
	width:70px;
}
.transactionSearchRow
{
	background-color:#d0e0f0;
}
.transactionTdHeight
{
	height:19px;
}
.SearchddlAlign
{
	vertical-align:top;
	height:20px;
	background-color:#39546b;
	color:White;
	font-weight:bold;
	width:200px;
}
.agentprofilesummary
{
	font-family: Arial, Helvetica;
	font-size: 10px;
	text-align:right;
	color: #000000;
	text-decoration: none;
}
.agentprofilesummaryNew
{
	font-family: Arial, Helvetica;
	font-size: 11px;
	text-align:right;
	color: #000000;
	text-decoration: none;
}
.whitesmall 
{	
	background-color: #c0a268; 
	font-size: smaller;
	font-family: Arial;
	font-weight: bold;
}
.whitesmallblue
{	
	background-color: #435f77; 
	font-size: smaller;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
}
.divMergeFiles
{
  width: 350px;
  height:130px;
  overflow:auto;
  border:2;
  border-right: #4c6a82 thin solid;
  border-top : #4c6a82 thin solid;	
  border-left: #4c6a82 thin solid;	
  border-bottom: #4c6a82 thin solid;
  padding-right: 0px;
  padding-left:0px;
}

.text {
	font-family: Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #003399;
	padding-left: 18px;
}
.text1 {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #000000;
}
.unnamed1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 35px;
}


 /* style spec's for ToolTip (div generated in calendar code to show agent details on mouse over) */
body div#toolTip
{ position:absolute;
  z-index:1000;  
  background-color:#FFFFFF;
  border:0px;
  text-align:left;
  padding:0px;
  font-size:11px;
  min-height:1em;  
}
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }
 
/* css for MoreWindow.aspx */ 
.moreStyleOnMouseOut
{
	font-family:Fritz;
	color:White;
    font-size:9pt; 
    font-weight:bold;  	
    text-decoration:none;
    background-color:#3b6896;
}
.moreStyleOnMouseOver
{
	font-family:Fritz;
	color:Red;
    font-size:9pt; 
    font-weight:bold;  	
    text-decoration:underline;
    cursor:hand;
    background-color:Yellow;
}
 
.whitesmallest {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: White;
	text-decoration: none;	
}

.divMyCharges
{
	width: 474px;
	height:122px;
	overflow:auto;
}
.divMyChargesDetails
{
	width: 474px;
	height:49px;
	overflow:auto;
}
/*
Class used in performance page to show the collapsible panel
*/
.collapsePanel {
	
	background-color:white;	
	vertical-align:top;	
}

.collapsePanelHeader
{
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;	
}
.demoarea {
	padding:0px;	
	/*background-image: url(../images/demotop.png);*/
}



/* flyout menu */

.flyoutmenu {
font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin:  0;
	padding: 0;
	font-family: arial;
	font-size: 12px;
	line-height:22px;
	
}
.flyoutmenu li a {
		
	font-size: 12px;
	color: #223d52;
	display: block;
	width: 120px;
	padding: 2px 0;
	padding-left: 5px;
	text-decoration: none;
	font-weight:bold;
}
* html .flyoutmenu li a { /*IE only. Actual menu width minus left padding of LINK (20px) */
	width: 120px;
	font-family: arial;
	font-size: 12px;
}
.flyoutmenu li a:visited, .flyoutmenu li a:active {
	color: #223d52;
}
.flyoutmenu li a:hover {
	color: #223d52;
	font-weight:bold;
	font-size:12px;
	background-color: #d2e0ed;
	text-decoration:none;
	
}
.divTable { 
position: absolute; 
background-color: #FFFFFF; 
width: 130px; 
padding: 2px; 
color: Black; 
border: #a78544 3px solid; 
display: none;
vertical-align:top;
}
#vertmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	padding: 0px;
	margin: 0px;
}
#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#vertmenu ul li {
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF
}
#vertmenu ul li a {
	display: block;
	border-bottom: 1px solid #d3d3d3;
	padding: 5px 0px 5px 10px;
	text-decoration: none;
	color: #6b6b6b;
	width:170px;
	background-color:#FFFFFF
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	color: #000000;
	background-color: #FFF3D9;
}
.greyhead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#212121;
	font-weight:bold;
	text-decoration: none;

}
/*tabs*/
.tabsI {
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	
	float:left;
	width:100%;
	/*background:#c0bdb4;*/
	line-height:normal;
	border-bottom:1px solid #000000;
}
.tabsI ul {
	margin:0;
	padding:2px 10px 0 0;
	list-style:none;
}
.tabsI li {
	display:inline;
	margin:0;
	padding:0;
}
.tabsI a {
	float:left;
	background:url(../images/tableftI_1.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	background-position:0% -22px;
}
.tabsI a span {
	float:left;
	display:block;
	background:url(../images/tabrightI_1.gif) no-repeat right top;
	padding:4px 20px 3px 13px;
	margin: 0px 3px 0px 0px;
	color:#e1f7ff;
	background-position:100% -22px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsI a span {
	float:none;
}
/* End IE5-Mac hack */
.tabsI a:hover span {
	color:#e1f7ff;
}
.tabsI a:hover {
text-decoration:none;
background-color:#ffffff;
background-position:0% 0px;
	
}
.tabsI a:hover span {
background-position:100% 0px;
}