body {
	background-image: url(inq_bg4.jpg);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#Layer1 {
	position:absolute;
	width: 4.63em;	
	height: 1.31em;
	z-index:1;
	left: 57em;
	top: 0.563em;
}
#Layer2 {
	position:absolute;
	width:12.5em;
	height:3.688em;
	z-index:2;
	left: 14.375em;
	top: 2em;
}
-->

.tdnme{
	padding: .071em .5em .071em .5em;
	width: 18em;

}

.tdsoc{
	padding: .071em .5em .071em .5em;
	width: 5em;

}

.tdregion{
	padding: .071em .5em .071em .5em;
	width: 8em;

}

.tdagrp{
	padding: .071em .5em .071em .5em;
	width: 14em;

}

.tdbgm{
	padding: .071em .5em .071em .5em;
	width: 15em;

}

select, input, textarea {
	background-color: #e0e0e0;
}

.table{
border: #FF3399 ;
border:groove;


}


.actionButton {
  cursor: pointer;
  display: inline-block;
  font-size:16px;	
  width: auto;
  text-align: center;
  padding: 0.25em 1.25em 0.25em 1.25em;
  margin: .5em 0.357em  .5em 0.357em;
  font-weight: 900;
  border: 0.143em outset #80a040;
  background-color: #009933;
  color: #ffffff;
  border-radius: .357em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 2em;
}

.actionButton:hover {
  box-shadow: .0em .0em .7em #80dfaf;
  -moz-box-shadow: .0em .0em .7em #edffaf;
  -webkit-box-shadow: .0em .0em .7em #edffaf;
  -ms-box-shadow:  .0em .0em .7em #edffaf;
}

.actionButton:active {
  color: #fff000;
  text-shadow: 0 0 0.5em #dfa;
  background-color: #8fbed8;
  border: 0.143em inset #008040;
  box-shadow: .0em .0em .7em #00ff80;
  -moz-box-shadow: .0em .0em .7em #00ff80;
  -webkit-box-shadow: .0em .0em .7em #00ff80;
  -ms-box-shadow:  .0em .0em .7em #00ff80;
}

-->
.hlt
			 {
                background-color: #0099CC;
                color: #000000;
             }
			 
			  .hlt1
			 {
                background-color: #0099CC;
                color: #000000;
             }
			  .hlt2
			 {
                background-color: #ffff00;
                color: #000000;
             }
			  .hlt3
			 {
                background-color: #ff9900;
                color: #000000;
             }
			  .hlt4
			 {
                background-color: #CC99CC;
                color: #000000;
             }
			  .hlt5
			 {
                background-color: #0033ff;
                color: #000000;
             }
			 .hlt6
			 {
                background-color: #ff0000;
                color: #000000;
             }

#rollover 
{  display: block;
  width: 8em;
  height: 6.06em;
  background: url("update_fold.png") no-repeat 0 0;
}
-->

#rollover
{
  display: block;
  width: 8em;
  height: 6.06em;
  background: url("update_fold.png") no-repeat 0 0;

}

#rollover:hover
  { 
    background: url("update_fold1.png") no-repeat 0 0;
  }

----
#rollover2 
{  display: block;
  width: 8em;
  height: 6.06em;
  background: url("collection_fold11.png") no-repeat 0 0;
}
-->

#rollover2
{
  display: block;
  width: 8em;
  height: 6.06em;
  background: url("collection_fold1.png") no-repeat 0 0;

}

#rollover2:hover
  { 
    background: url("collection_fold11.png") no-repeat 0 0;
  }
.style129 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #0099CC;
}
.style5 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.style5t {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.style6 {
	font-size: 13px;
	color: #efffff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0.357em 0.357em 0.5em #005;
}
.styleHist {
	font-size: 20px;
	color: #33ffcc;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0.071em 0.071em 0.343em #000;
}

.styleHist1 {
	font-size: 20px;
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
}

.styleHistDP {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
}

.styleHistSales {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
}

.styleHist2 {
	font-size: 16px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;	
}

.style66 {
	font-size: 18px;
	color: #ffff00;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0.071em 0.071em 0.343em #000;
}

.styledp {
	font-size: 16px;
	color: #ffff00;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0.071em 0.071em 0.343em #000;
}

.style7 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style62 {
	font-size: 16px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

.style8 {
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.style82 {
	font-size: 20px;
	color: #fa0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.style88 {
	font-size: 24px;
	color: #eeFF55;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0.071em 0.071em 0.143em #009;
}


.style130 {
	color: #FF0000;
	font-weight: bold;
}


.itemBoxx {
	display: inline-block;
	margin: .243em .243em .243em .243em;	
	color: #000000;
}
.itemBoxHist {
	display: inline-block;
	text-align:center;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}

.itemBox {
	display: inline-block;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}

.itemBoxHeader {
	display: inline-block;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}


.itemBox2 {
	display: inline-block;
	text-align:left;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}

.itemBox3 {
	display: inline-block;
	text-align:left;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}



.button {
    
	color:#0033CC;
	font-size:14px;
	outline-style:none;


	font-family:"Comic Sans MS";

    background: #eoo;
}

.button1 {
    border: 1px solid #006;
	color:#0033CC;
	font-size:14px;
	outline-style:solid;
	font-family:"Comic Sans MS";

    background: #eoo;
}
.button1:hover {
    border: 1px solid #f00;
    background: #eef;
}


label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }


.mandatory {
	background-color: #ffff70;
}

.style48 {color: #000000}


#HistoryBox {	
	margin-left:auto;
	text-align:left;
	padding: 1em 2em 1em 2em;
	width:auto;
	background: url(images/cmb_back_06.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}

#HistoryBox1 {	
	margin-left:5em;
	text-align:left;
	padding: 1em 2em 1em 2em;
	width:auto;
	background: url(images/cmb_back_06.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}

.itemReport {
	display: inline-block;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}

.itemReport2 {
	display: inline-block;
	margin: .243em .243em .243em .243em;	
	color: #ff0000;
}

#ReportBoxp {	
	margin-left:5em;
	text-align:center;
	padding: 1em 2em 1em 2em;
	width:40em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}
#ReportBoxpagent {	
	margin:auto;
	text-align:center;
	padding: 1em 2em 1em 2em;
	width:40em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}

#ReportBoxp2 {	
	margin-left:2em;
	text-align:center;
	padding: 1em 2em 1em 2em;
	width:60em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}





#mainDataEntryBoxp {	
	margin:auto;
	text-align:center;
	padding: 1em 2em 1em 2em;
	width:auto;
	background: url(images/cmb_back_01.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}


#mainDataEntryBox {	
	margin-left: 10em;
	padding: 1em 2em 1em 2em;
	width: 50em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
	
  border-radius: 0.614em;
  box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -moz-border-radius: 0.614em;
  -moz-box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -webkit-border-radius: 0.614em;
  -webkit-box-shadow: 0.443em 0.443em 0.443em #3f003f;

}

#mainDataEntryBoxx {	
	margin-left: 1em;
	padding: 1em 2em 1em 2em;
	width: 65em;
	height:1000;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
	
  border-radius: 0.614em;
  box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -moz-border-radius: 0.614em;
  -moz-box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -webkit-border-radius: 0.614em;
  -webkit-box-shadow: 0.443em 0.443em 0.443em #3f003f;

}

#mainDataEntryBox1 {	
	margin-left: 1em;
	padding: 1em 2em 1em 2em;
	width: 65em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
	
  border-radius: 0.614em;
  box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -moz-border-radius: 0.614em;
  -moz-box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -webkit-border-radius: 0.614em;
  -webkit-box-shadow: 0.443em 0.443em 0.443em #3f003f;

}

#mainDataEntryBox2 {	
	margin-left: 1em;
	padding: 1em 2em 1em 2em;
	width: 55em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
	
  border-radius: 0.614em;
  box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -moz-border-radius: 0.614em;
  -moz-box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -webkit-border-radius: 0.614em;
  -webkit-box-shadow: 0.443em 0.443em 0.443em #3f003f;

}

#mainDataEntryBox3 {	
	margin-left: 1em;
	text-align:center;
	padding: 1em 2em 1em 2em;
	width: 70em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
	
  border-radius: 0.614em;
  box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -moz-border-radius: 0.614em;
  -moz-box-shadow: 0.443em 0.443em 0.443em #3f003f;
  -webkit-border-radius: 0.614em;
  -webkit-box-shadow: 0.443em 0.443em 0.443em #3f003f;

}
.ReportBoxpSales {	
	margin:auto;
	text-align:left;
	padding: 1em 2em 1em 2em;
	width:auto;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}

.home1 {
  cursor: pointer;
  display: inline-block;
  font-size:16px;	
  width: auto;
  text-align: center;
  padding: 0.25em 1.25em 0.25em 1.25em;
  margin: .5em 0.357em  .5em 0.357em;
  font-weight: 900;
  border: 0.143em outset #80a040;
  background-color: #009933;
  color: #000066;
  border-radius: .357em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 2em;
}

.home1:hover {
  box-shadow: .0em .0em .7em #80dfaf;
  -moz-box-shadow: .0em .0em .7em #edffaf;
  -webkit-box-shadow: .0em .0em .7em #edffaf;
  -ms-box-shadow:  .0em .0em .7em #edffaf;
}

.home1:active {
  color: #fff000;
  text-shadow: 0 0 0.5em #dfa;
  background-color: #8fbed8;
  border: 0.143em inset #008040;
  box-shadow: .0em .0em .7em #00ff80;
  -moz-box-shadow: .0em .0em .7em #00ff80;
  -webkit-box-shadow: .0em .0em .7em #00ff80;
  -ms-box-shadow:  .0em .0em .7em #00ff80;
}


.summunit {	
	margin:auto;
	text-align:left;
	padding: 1em 2em 1em 2em;
	width:40em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}

#sumagent {
	width: auto;
}

.summunit1 {	
	margin:auto;
	text-align:left;
	padding: 1em 2em 1em 2em;
	width:auto;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}

#ReportBoxpSales {	
	margin:auto;
	text-align:center;
	padding: 1em 2em 1em 2em;
	width:50em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}



.nicheInfoTable {
	border: thin #262;
	width:40em;
}
#nicheInfoTable3 {
	border: thin #262;

}

#nicheInfoTableSales {
	border: thin #262;

}

#unitdetails {
	border: thin #262;
	width:auto;

}

#closepage:hover, #toCAF:hover {
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}

#per-agent1:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}

#summary:hover, #toCAF:hover
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}
#agent-date:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}
#total-sum:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}
#close2:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}

#close:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}

#apply:hover, #toCAF:hover 
{
	font-size:18px;
	color: #fff;
	background: url(images/cmb_back_01.png);
	border: outset #aaf;
}


#HistoryBoxpaymenthist2 {	
	margin:auto;
	text-align:auto;
	padding: 1em 2em 1em 2em;	
	width:auto;
	overflow:scroll;
	background-color:#ffCCCC;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;
}

#saleBox {	
	margin:auto;
	text-align:center;
	padding: 1em 2em 1em 2em;
	width:50em;
	background: url(images/cmb_back_02.png) repeat;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;

}
#reportTable2 {	
	margin:auto;
	text-align:auto;
	padding: 1em 2em 1em 2em;	
	width:50em;
	background-color:#ffCCCC;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;
}


.reportTable {
	border: thin #262;
	width:45em;
}








.sumtable {
	width: 55em;
}

#agenttable {	
	margin:auto;
	text-align:auto;
	padding: 1em 2em 1em 2em;	
	width:70em;
	overflow:scroll;
	background-color:#ffCCCC;
	border: medium groove #8080ff;
    border-radius: 0.614em;
    box-shadow: 0.443em 0.443em 0.443em #3f003f;
    -moz-border-radius: 0.614em;
    -moz-box-shadow: 0.433em 0.433em 0.433em #0f003f;
    -webkit-border-radius: 0.614em;
    -webkit-box-shadow: 0.433em 0.433em 0.433em #0f003f;
}

#nicheInfoTable2 {
	margin: 1em 2em 2em 2em;
	padding: 1em 2em 1em 2em;	
	background-color:#00CCff;
	border: thin #262;
	width:75em;
	overflow:scroll;
}