body{
   min-width:800px;        /* Suppose you want minimum width of 1000px */
   width: auto !important;  /* Firefox will set width as auto */
   width:800px;            /* As IE6 ignores !important it will set width as 1000px; */
}


 #srchbox{
	 height: 42px;
	 font-size:18px; 
	 background-color: #ffffff; 
	 display:inline-block;
	 margin-right:0px;
	 width:400px;
	 padding:10px;
	  -webkit-appearance: none;
		-webkit-border-radius:3px;
	 
 } 
 
 #srchbox:focus{
	outline: none !important;
    border-color: #6666ff;
    box-shadow: 0 0 10px #6666ff;
}
 
  .inputbox{
	 height: 20px;
	 font-size:18px; 
	 background-color: #EEE; 
	 display:inline-block;
	 margin-bottom:5px;
	 width:72%;
	 padding:5px;
	 padding-left:15px;
	 vertical-align: text-top;
	 border: 1px solid #EEE;
	 color:black;
	 
 } 
 
  .inputbox:focus
  {
	outline: none !important;
    border-color: #6666ff;
    box-shadow: 0 0 10px #6666ff;
}
 
  .inputselect{
	 height: 35px;
	 font-size:18px; 
	 background-color: #EEE; 
	 display:inline-block;
	 margin-bottom:5px;
	 margin-left:-5px;
	 width:75%;
	 padding:5px;
	 padding-left:15px;
	 vertical-align: text-top;
	 border: 1px solid #EEE;
	  color:black;
	 
  }
  
.inputselect:focus{
	outline: none !important;
    border-color: #6666ff;
    box-shadow: 0 0 10px #6666ff;
}
 
 #submitButton{
	height:40px;
	width:40px;
	display:inline-block;
	margin-left:0px;
	 
 }

#button-holder{
    background-color:#f1f1f1;
    border-top:thin solid #e5e5e5;
    box-shadow:1px 1px 1px 1px #e5e5e5;
    cursor:pointer;
    float:left;
    height:27px;
    margin:11px 0 0 0;
    text-align:center;
    width:50px;
}
  
#button-holder img{
    margin:4px;
    width:20px; 
} 
	
	
	
	
	canvas {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }
		
		
		
		.daterange {
			font: 18px Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #000000;		
			padding: 0px;		
			margin:0px;
			background-color:#FFF;
			
	
		}

.daterangeinput{
	font-size:18px;
	background-color:#FFF;
	display:inline-block;
	margin-right:20px;
	width:130px;
	
	
}		
	
		
		#loadingimg{
			height:150px;
			width:150px;
			opacity: 1;
			border: 0px solid #AAA;
			border-radius: 0px;
			margin:auto;
			top:200px;
			left:0px;
			position:absolute;
			z-index:2000;
			display:none;
					
		}
		
		.navbuttons{
			font: 16px Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #000000;		
			padding: 10px;
			padding-top:5px;			
			margin:2px;	
			display:inline-block;
			cursor:pointer;	
			width:30px;
			height:10px;
			border: 1px solid #DDD;
			border-radius: 4px;
			text-align:center;
		}
		
		.navbuttons:hover{
		
			color:red;
			font-weight: bold;
			border: 1px solid #000;
			background-color:#DDD;
		}
		
		.navbuttons2{
			font: 16px Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #0000FF;		
			padding: 10px;
			padding-top:5px;			
			margin:2px;	
			display:inline-block;
			width:25px;
			height:10px;
			border: 1px solid #DDD;
			border-radius: 4px;
			background-color:#DDD;
		}
		
		
		.results{
			font: 18px Arial;
			
		}
		
		
		.results:hover{
			background-color:#FFFFAA;
		}
		
		.resultstitle{
			font: 20px Arial;
			font-weight: bold;
			color: #0000FF;
			text-decoration:none;
		
		}
		
		.resultstitle:hover{
			color:#FF0000;
			cursor:pointer;
		
		}
		
		.resultstitle a{
			font: 20px Arial;
			font-weight: bold;
			color: #880088;
			
		
		}
		
		.resultstitle a:hover{
			color:#FF0000;
			cursor:pointer;
		
		}
		
		#resultsheader{
			color:red;
			text-align:left;
			font-weight: bold;
			font: 18px Arial;
		}
		
		.submitbutton{
			font: 16px Arial;
			font-weight: bold;
			color: #000000;		
			padding: 10px;						
			margin:0px;	
			display:inline-block;
			cursor:pointer;				
			border: 0px solid #DDD;
			border-radius: 0px;
			border-top-left-radius:0px;
			border-bottom-left-radius:0px;
			text-align:center;
			background-color:#AAA;
			height:39px;
			margin-left:0px;
			
		
		}
		
		.submitbutton:hover{
			color:#A0A;
			font-weight: bold;
			border: 0px solid #000;
			background-color:#DDD;
		}


.reportButton {
	box-shadow:inset 0px 1px 0px 0px #efdcfb;
	background:linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
	background-color:#dfbdfa;
	border-radius:6px;
	border:1px solid #c584f3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9752cc;
	width:50%;
	
}
.reportButton:hover {
	background:linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
	background-color:#bc80ea;
}
.reportButton:active {
	position:relative;
	top:1px;
}

.reportButtonContainer{
	margin-bottom:0px;
	margin-top:0px;
	display:block;
}

#siteHeader{
	height: 98px;
	width:100%;
	padding: 7px;
	background-image: url("purple2.jpg");
	text-align: center;
	margin: px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:13px;
	z-index:5000;	
	
}



#leftDisplay{
	background-color: #444;
	width:14%;	
	display:inline-block;
	text-align:center;	
	margin:0px;
	top:0px;
	vertical-align:top;
	margin-bottom: 0px;
	margin-bottom: 0px;
	height:100%;
	border:0px;
	z-index: 100;
	overflow:auto;
	
	box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;

	
	
	
	
	
}

#mainDisplay{
	background-color: #FFF;
	width:85%;
	display:inline-block;
	margin:0px;
	margin-top:3px;
	vertical-align:top;
	padding:0px;
	overflow:auto;
	border:0px;;
	
	
}

#siteFooter{
	background-color: #222;
	width:100%;
	height: 42px;
	display:block;
	text-align: center;
	margin-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	
}

#allContent{
	vertical-align:top;
	display:block;
	margin-bottom:0px;
	padding:0px;
	overflow:auto;
	left:0px;
	min-width:900px;
	
	
}

.menuOptions{
	display:inline-block;
	width:10%;
	margin:0px;
	background-color:#000;
	height:30px;
	margin-left:0px;
	margin-top:3px;
	padding:0px;
	left:0px;
	color:#EEE;
	font-family:Arial;
	font-size:16px;
	font-weight:normal;
	padding-top:15px;
	text-decoration:none;
	overflow: hidden;
	float: top;
	text-align:center;
	
}

.menuOptions:hover{
	background-color:#888;
	color:#FFF;
	font-weight:bold;
}

#OptionsMenu{
	margin-bottom:0px;
	margin-top:0px;
	left:0px;
	border:0px;
	background-color:black;
	overflow:auto;
	width:100%;
	cursor:pointer;
	
	
}

.leftOptions{
	display:inline-block;
	width:90%;
	margin:0px;
	background-color:#444;
	text-align: left;
	margin-left:0px;
	padding:10px;
	left:0px;
	color:#fff;
	font-family:Arial;
	font-size:16px;
	font-weight:normal;
	padding-top:5px;
	padding-right:0px;
	text-decoration:none;
	overflow: hidden;
	
}

.leftOptions:hover{
	background-color:#AAA;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}

#displayOptions{
	margin-bottom:0px;
	padding:0px;
	overflow:auto;
	
}

#charts{
	padding-top:20px;
	
}

h5{
	color:#888;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	margin:0px;
	padding:10px;
	
}

h5.popheading{
	color:#808;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	margin:0px;
	padding:10px;
	padding-top:10px;
	line-height:25px;
	
}

.popheading{
	display:inline-block;
	line-height:40px;
	display:inline-block;
}

#cbloading{
	height:99%;
	width:100%;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;	
	z-index:1000;
	display:none;
	
	position:absolute;
	text-align:center;
	-webkit-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);	

    -webkit-animation: bluring .2s linear forwards;
    animation: bluring .2s linear forwards;
	
}


@-webkit-keyframes bluring{
    from{-webkit-backdrop-filter: blur(0px);}
    to{-webkit-backdrop-filter: blur(5px);}
}

@keyframes bluring{
    from{backdrop-filter: blur(0px);}
    to{backdrop-filter: blur(5px);}
}


#cbloading2{
	height:100%;
	width:100%;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;	
	z-index:1001;
	display:block;	
	position:absolute;
	text-align:center;
	background-color:#444;
	opacity:.5;
} 

h6{
	color:#fff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:20px;
	padding-bottom:5px;
	text-align:left;
	
}

#mobileMenu{
	display:none;
	left:30px;
	width:40px;
	height:40px;
	position:absolute;
	
	
}

#mobileImage{
	height:50px;
	width:50px;
	opacity: .8;
	border: 0px solid #AAA;
	border-radius: 5px;
	
}


		
#mobileImage:hover {	
	opacity:1;
	cursor:pointer;	

}

#mobileDisplay{
	position:absolute;
	top:110px;
	overflow:auto;
	
	display:none;

	background-color: #444;
	width:14%;	
	display:inline-block;
	text-align:center;	
	margin:0px;
	vertical-align:top;
	margin-bottom: 0px;
	margin-bottom: 0px;
	height:100%;
	border:0px;
	z-index: 500;
	
		box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;

 left:-100%;
    -webkit-animation: left-to-right .25s linear forwards;
    animation: left-to-right .25s linear forwards;
	
}

@-webkit-keyframes left-to-right{
    from{left:-10%}
    to{left:0}
}

@keyframes left-to-right{
    from{left:-10%}
    to{left:0}
}


#intSearch{
	position:absolute;
	top:55px;
	width:420px;
	min-height:300px;
	height:fit-content;
	display:none;
	z-index:20000;
	padding:10px;
	left:50%;
	background-color:#FFF;
	opacity:1;
	border: 2px solid #AAA;
	margin:0px;
	margin-top:5px;
	
	 -webkit-animation: slide-down .5s linear forwards;
    animation: slide-down .5s linear forwards;
	
}

@-webkit-keyframes slide-down{
    from{height:0px}
    to{height:200px}
}

@keyframes slide-down{
    from{height:0px}
    to{height:200px}
}


.intSrch{
	background-color:#FFF;
	color:#000;
	font-weight:normal;
	cursor:pointer;	
	font-family:Arial;
	font-size:16px;
	padding: 5px;
	text-align: left;
	
	
}


.intSrch:hover{
	background-color:#444;
	color:#FFF;
	font-weight:normal;

}

.intLine{
	border: 1px solid #ddd;
}

.chartType {
	
	font-weight:bold; 
	font-family:arial;
	width:80px;
	opacity: .8;
	border: 2px solid #AAA;
	border-radius: 5px;
	margin:5px;
	display:inline-block;
	cursor:pointer;
	
}

.chartType:hover{
	
	opacity:1;
	border: 2px solid #F00;
	
}


.chartType2 {
	
	font-weight:bold; 
	font-family:arial;
	width:80px;
	height:75px;
	opacity: .8;
	border: 2px solid #AAA;
	border-radius: 5px;
	margin:5px;
	display:inline-block;
	cursor:pointer;

		
	
}

.chartType2:hover{
	
	opacity:1;
	border: 2px solid #F00;
	
}

.chartTypeImg{	
	height:100%;
	width:100%;	
	
}

.chartTypeDisabled {
	
	font-weight:bold; 
	font-family:arial;
	height:50px;
	width:80px;
	opacity: .3;
	border: 1px solid #AAA;
	border-radius: 5px;
	margin:5px;
	display:inline-block;	
	
}

input[type="search"] {
  -webkit-appearance: textfield;
}
	
#reportForm3{
	width:250px;
	
}



#advancebutton {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #AAA 5%, #BBB 100%);
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:0px 0px;
	padding-top:7px;
	
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	height:26px;
	width:100px;
	margin:0px;
	margin-bottom:5px;
	margin-left:20px;
	float:top;
	vertical-align:middle;
}
#advancebutton:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
	color:#808;
	
}


.popupwindow{
	
	width:800px;
	height:450px;
	margin:auto;
	position: absolute;
	background-color:#FFF; 
	z-index:2000;
	border: 1px solid #888;
	border-radius: 8px;
	display:none;
	padding:20px;
	
	box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
	-webkit-box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
	-moz-box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
	
	-webkit-animation-name: fadeIn;
	  animation-name: fadeIn;
	  -webkit-animation-duration: .2s;
	  animation-duration: .2s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
 }
	  
	  @-webkit-keyframes fadeIn {
	  0% {opacity: 0;}
	  100% {opacity: 1;}
	}
	  
	  @keyframes fadeIn {
	  0% {opacity: 0;}
	  100% {opacity: 1;}
	} 
	
	
	
	
.moremenu2{
	
	width:500px;
	height:350px;
	position: absolute;
	background-color:#FFF; 
	z-index:2000;
	border: 1px solid #888;
	border-radius: 5px;
	display:none;
	padding:20px;
	
	box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
	-webkit-box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
	-moz-box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
	
	-webkit-animation-name: fadeIn;
	  animation-name: fadeIn;
	  -webkit-animation-duration: .2s;
	  animation-duration: .2s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
 }
	  
	  @-webkit-keyframes fadeIn {
	  0% {opacity: 0;}
	  100% {opacity: 1;}
	}
	  
	  @keyframes fadeIn {
	  0% {opacity: 0;}
	  100% {opacity: 1;}
	}	
			


#loginpopup{
	
	width:600px;
	height:350px;
	margin:auto;
	position: absolute;
	background-color:#FFF; 
	z-index:2000;
	border: 1px solid #888;
	border-radius: 8px;
	display:none;
	padding:20px;
	
	box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
-webkit-box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
-moz-box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
			
}

.buttongroup{
	text-align:center;
	padding:10px;
	position:absolute;
	top:400px;
	width:760px	
}

.functionButton,
input[type=submit]

{
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#444;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin:10px;
}
.functionButton:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
	color:#808
}
.functionButton:active {
	position:relative;
	top:1px;
}



.functionButton2 {
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:linear-gradient(to bottom, #a57eb5 5%, #a57eb5 100%);
	background-color:#a57eb5;
	border-radius:6px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
	opacity:.9;
}
.functionButton2:hover {
	background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	background-color:#a20dbd;
}
.functionButton2:active {
	position:relative;
	top:1px;
}

img.trendimgf {
   height:30px;
   width:40px;
   vertical-align: middle;
   margin:5px;
}



img.trendimg {
    animation: trendgrow 1s linear forwards;
   -webkit-animation: trendgrow .5s linear forwards;	
   vertical-align: middle;
}

@-webkit-keyframes trendgrow{
    from{height:0px}
    to{height:30px}
}

@keyframes trendgrow{
    from{height:0px}
    to{height:30px}
}

.detailLablel{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:20%;
	padding:5px;
	color:#AAA;
	vertical-align: text-top;
	
}

.detailLablel:focus{
	outline: none !important;
    border-color: #6666ff;
    box-shadow: 0 0 10px #6666ff;
}

.detailLablel:hover{
	color:#808;
	cursor:pointer;
}


.detailLablel9{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:30%;
	padding:5px;
	color:#AAA;
	vertical-align: text-top;
	
}

.detailLablel9:hover{
	color:#808;
	cursor:pointer;
}


.detailLablel9f{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:40%;
	padding:5px;
	color:#AAA;
	vertical-align: text-top;
	text-align:left;
	
	
}

.detailLablel9f:hover{
	color:#444;
}


.detailValue{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:100px;
	padding:5px;
	color:black;
	vertical-align: text-top;
	
}

.detailLablel1{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:20%;
	padding:5px;
	color:#AAA;
	vertical-align: text-top;
	margin-left:20px;
	
}

.detailLablel1:hover{
	color:#808;
	cursor:pointer;
}

.detailValue2{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:75%;
	padding:5px;
	color:black;
	vertical-align: text-top;
	background-color:#eee;
	margin-bottom:5px;
	
}

.detailValue3{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:23%;
	padding:5px;	
	color:black;
	vertical-align: text-top;
	background-color:#eee;
	margin-bottom:5px;
	
}

.detailValue3:hover{
	font-weight:bold;
}

.detailValue4{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:23%;
	padding:5px;	
	color:black;
	vertical-align: text-top;
	background-color:#eee;
	margin-bottom:5px;
	cursor:pointer;
	
}

.detailValue4:hover{
	font-weight:bold;
}

.detailValue4 h3{
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	padding:5px;	
	color:black;
	padding:0px;
	width:90%;
	margin:0px;	
}

.detailValue4 h3:hover{
	color:red;
	font-weight:bold;	
}

.detailValue22{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:75%;
	padding:5px;
	color:black;
	vertical-align: text-top;
	background-color:#eee;
	margin-bottom:5px;
	height:20px;
	
}

.detailText{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:75%;
	padding:5px;
	color:black;	
	vertical-align: text-top;
	
}

.detailText2{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:75%;
	padding:5px;
	color:black;	
	vertical-align: text-top;
	background-color:#eee;
	margin-bottom:5px;
	
	
}

.detailText22{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:75%;
	padding:5px;
	color:black;	
	vertical-align: text-top;
	background-color:#eee;
	margin-bottom:5px;
	height:20px;
	
}

hr {
	border-top: 1px solid #A0F;
	
}

.detailLablel2{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:18%;
	padding:3px;
	margin-right:3px;
	color:#AAA;
	vertical-align: text-top;
	
}

.detailLablel2:hover{
	color:#808;
	cursor:pointer;
}


.detailText3{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	width:75%;
	padding:5px;
	color:black;	
	vertical-align: text-top;
	background-color:#fff;
	margin-bottom:5px;
	cursor:pointer;
	
}

.detailText3:hover{
	color:red;
	
}

.detailText3 a{
	color:black;
}

.detailText3 a:hover{
	color:red;
}

#productimage,
#productimage2{
	opacity:.75;
}

#productimage:hover,
#productimage2:hover{
	/* border: 2px solid #F00; */
	/* border-radius: 10px; */
	cursor:pointer;
	opacity:1;
	
}

.radio-inline{
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	margin:10px;
	
}

.dashboardbox{
	
	width:20%;
	height:650px;	
	display: inline-block;
	background-color:#FFF; 
	z-index:2000;
	border: 1px solid #DDD;
	border-radius: 8px;
	padding:10px;
	margin:15px;
	margin-top:0px;
	min-width:250px;
	overflow: auto;
	opacity:1;
	
	box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
	-webkit-box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
	-moz-box-shadow: 8px 11px 15px 1px rgba(0,0,0,0.89);
	
	-webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
			
}

.dashboardbox:hover{
	opacity:1;
}



.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  }
  @keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  }

.dashboardbox h5{
	
	color:#808;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	margin:0px;
	padding:10px;
	display:inline-block;
	

}  

#input1{
	
}

#dashboard{
	padding-top:20px;
	background-color:#EEE;
}


  .zoomIn {
	width:200px;
	display:inline-block; 
	cursor:pointer;
	margin-right: 20px;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  } 
  
  
  .dashDiv{
	  width:80%;
	  margin:5px;
	 display:inline-block;	  
  }
  
  .dashImg{
	  width:40%;
	  display:inline-block;	  
  }
  
  .dashTitle{
	  width:40%;
	  display:inline-block;	  
  }
  
  .dashboardbox.hr{
	  display:inline-block;
  }
  
  .trendingResults{
	  cursor:pointer;	  	  
	  
  }
  
   .trendingResults:hover{
	 background-color:#FFA;	  	  
	  
  }
  
  .trendingResults h3{
	color:#444;
	font-family:Arial;
	font-size:16px;
	font-weight:normal;
	  
  }
  
  
  .myChartButton {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:12px 33px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc16b7;
	vertical-align:middle;
	width:40%;
	margin:0px;
	margin-bottom:30px;
	text-align:center;
}
.myChartButton:hover {
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	background-color:#1e62d0;
}
.myChartButton:active {
	position:relative;
	top:1px;
} 




.myButton {
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 4px 0px;
	o-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 4px 0px;
	-moz-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 4px 0px;
	-webkit-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 4px 0px;
	background:#d8e3e8;
	background:-o-linear-gradient(90deg, #d8e3e8, #94aab7);
	background:-moz-linear-gradient( center top, #d8e3e8 5%, #94aab7 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d8e3e8), color-stop(1, #94aab7) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8e3e8', endColorstr='#94aab7');
	background:-webkit-linear-gradient(#d8e3e8, #94aab7);
	background:-ms-linear-gradient(#d8e3e8, #94aab7);
	background:linear-gradient(#d8e3e8, #94aab7);
	text-indent:0px;
	line-height:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:12px;
	color:#637382;
	width:63px;
	height:0px;
	padding:13px;
	text-shadow:#d9dde0 0px 1px 0px;
	border-color:#adb4ba;
	border-width:1px;
	border-style:solid;
}

.myButton:active {
	box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 0 0px;
	o-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 0 0px;
	-moz-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 0 0px;
	-webkit-box-shadow:inset #bbc9d4 0px 5px 8px -1px,#637382 0px 0 0px;
	position:relative;
	top:4px
}

.myButton:hover {
	background:#94aab7;
	background:-o-linear-gradient(90deg, #94aab7, #d8e3e8);
	background:-moz-linear-gradient( center top, #94aab7 5%, #d8e3e8 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #94aab7), color-stop(1, #d8e3e8) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94aab7', endColorstr='#d8e3e8');
	background:-webkit-linear-gradient(#94aab7, #d8e3e8);
	background:-ms-linear-gradient(#94aab7, #d8e3e8);
	background:linear-gradient(#94aab7, #d8e3e8);
}




#detailvendor a:hover{
	color:red;
	
}

#profileinfo{
	width:60%;
	margin:auto;
	
}

.detailValue5{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:60%;
	padding:5px;	
	color:black;
	vertical-align: text-top;
	background-color:#eee;
	margin-bottom:5px;
	
}

.detailValue5:hover{
	font-weight:bold;
}

.detailLablel4{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:30%;
	padding:5px;
	color:#AAA;
	vertical-align: text-top;
	margin-left:20px;
	
}

.detailLablel4:hover{
	color:#444;
}

 .pinputbox{
	 height: 20px;
	 font-size:18px; 
	 background-color: #EEE; 
	 display:inline-block;
	 margin:0px;
	 width:90%;
	 padding:5px;
	 padding-left:15px;
	 vertical-align: text-top;
	 border: 0px solid #EEE;
	 color:black;
	 
 }
 
 .pinputbox:focus{
	outline: none !important;
    border-color: #6666ff;
    box-shadow: 0 0 10px #6666ff;
}
	 



.pbuttongroup{
	text-align:center;
	padding:10px;
} 

.dashresults{
	
	height: 300px;
	width:100%;
	padding: 10px;
	margin-bottom: 5px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:13px;
	overflow:hide;
	display: inline-block;
	
	
}

.productImage{
	padding-right:15px;	
	opacity:.8;
}

.productImage img: hover{
	cursor:pointer;
	opacity:1;
}



#validmessage{
	font: 18px Arial;
	font-weight: normal;	
	padding:0px;
	margin:0px;
	border-right:1px;
	color: #FF0000;
	
}

#pvalidmessage{
	font: 18px Arial;
	font-weight: normal;	
	padding:0px;
	margin:0px;
	border-right:1px;
	color: #FF0000;
	text-align:center;
	
}

#wtcloginform input[type=text],
#wtcloginform input[type=password]
{
	
	display:inline=block;
}

#wtcloginform{
	left:0px;
	padding:0px;
	padding-left:50px;
	
}


#wtcloginform h3{
	
	font: 20px Arial;
	font-weight: normal;	
	padding:0px;
	margin:0px;
	border-right:0px;
	color: #000000;
	display:inline-block;
	left:30px;
	position:relative;
	width:140px;
}

.wtclogin {
	
		height:35px;
		width:60%;
		display: inline-block;	
		background-color: #ddd;
		font: 18px Arial, Helvetica, sans-serif;
		font-weight: normal;
		border-color: #CCCCCC;	
		border-style:none;
		padding-left: 10px;
		padding-right: 10px;
		padding-top:5px;
		padding-bottom: 5px;
		border-radius: 0px; 
		left:40px;
		position:relative;
		margin-bottom:15px;
	
				
	}
	
.wtclogin:focus{
	outline: none !important;
    border-color: #6666ff;
    box-shadow: 0 0 10px #6666ff;
}

	
#validmessage,
#hoplinkalerts{
	font: 18px Arial;
	font-weight: normal;	
	padding:0px;
	margin:0px;
	border-right:1px;
	color: #FF0000;
	
}	

#registermenu{
		
		height: 50px;
		width: 100%;
		background-color: #444444;
		text-align:center;
	}
	
	
#regheadertext{
	
		font: 18px Arial;
		font-weight: normal;	
		padding:0px;
		margin:0px;
		border-right:0px;
		color: #FFF;
		padding-top:5px;		
	}
	
#forgotpwd:hover{	
	font-weight:bold;
	color:red;
}

#forgotpwd{
	width:300px; 
	margin:auto;
	padding:0px;
	text-align:center;
	font: 16px Arial;
	font-weight: normal;
	
}

#siteHeader2{
	height: 50px;
	width:100%;
	padding: 5px;
	background-image: url("purple2.jpg");
	text-align: center;
	margin: px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:13px;
	z-index:5000;	
	
}


#regGroup {
	float:right;
	font: 18px Arial;
	font-weight: normal;	
	padding:0px;
	margin:0px;
	margin-right:20px;
	color: #FFF;
	float:right;
	display:inline-block;	
	height:50px;
	width:300px;
	vertical-align: middle;
	
}

#regGroup h3{
	margin:auto;
	display:inline-block;
	font: 18px Arial;
	font-weight: normal;	
	padding:0px;
	margin:0px;
	color: #FFF;
	
}

#regGroup h3:hover{
	font-weight:bold;
	cursor:pointer;
}

#regButton{
	font-weight:normal;
	width:80px;	
	padding:5px;
}

#registerPopUp{
	 display:none;
	 margin:auto;
	 position:absolute;
	
}	

#logoutMain:hover{
	color:red;
}


.selectMoreOptions {
	display: block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	padding:15px;	
	color:black;
	vertical-align: text-top;
	background-color:#CCC;
	cursor:pointer;
	width:90%;
	margin:auto;
	margin-bottom:10px;
	border-radius:3px;
	
}

.selectMoreOptions:hover{
	font-weight:bold;
	color:red;
	background-color:#EEE;
	outline: none !important;
    border-color: #6666ff;
    box-shadow: 0 0 10px #6666ff;
}

.cformcontainer{
	
	width:75%;
	margin:auto;
	max-width:800px;
	min-width:400px;
	
	
}

#yourmessage{
	height:100px;
}

.detailValue6{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:85%;
	padding:8px;	
	color:black;
	vertical-align: text-top;
	background-color:#CCC;
	margin-bottom:10px;
	border: 1px solid #AAA;
	border-radius:3px;	
	
	
}

.detailValue6:hover,
.detailValue7:hover {
	outline: none !important;
    border-color: #6666ff;
    box-shadow: 0 0 10px #6666ff;
	background-color:#EEE;
}

.detailValue7{
	display: inline-block;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:87%;
	padding:8px;	
	color:black;
	vertical-align: text-top;
	background-color:#CCC;
	margin-bottom:10px;
	border: 1px solid #AAA;
	border-radius:3px;	
	
	
}

#containerContactus{
	display:none;
}

.moreitem{
	display:none;
}

#sendresult{
	
	color:red; 
	font-size:20px;
	margin:50px;
	
}

#usrpwd11, #usrpwd12{
	width:90%;
	
}

#showpwd1{
	font-family:Arial; 
	font-size:16px;
	left:5px;margin:0px; 
	padding:10px;
	display:inline-block; 
	width:120px;
	font-weight:normal;
	text-align:left;
}

#contactsubmitbutton{
	color:#AAA;
	
}

#contactusform{
	
	margin:auto;
}

#containerContactus{
  padding:50px;
   
}

#pimage{
	
	
    width:90%;
	opacity:.75;
}

#pimage:hover{
	opacity:1;
	cursor:pointer;
	
}

#detailp5:hover,#detailp4:hover{
	cursor:pointer;
	color:red;
}

#helpMessageBody{
	height:290px;
	width:95%;
	margin:auto;
	padding:10px;
	background-color:#fff;
	font-family:Arial; 
	font-size:16px;
	overflow:auto;	
}

.triggerDetails{
	
	width:60%;
	height:100%;
	padding:20px;
	margin:auto;
}

.historyDetails{	
	width:50%;
	height:100%;
	padding:20px;
	margin:auto;
}



.trigListContainer{
	width:95%;
	margin:auto;
	
}

.divImg{
	width:20%;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	max-height:120px;
	overflow:hidden;
}

.trigContent{
	width:60%;
	text-align:left;
	vertical-align:middle;
	display:inline-block;
	
}

.newCatContent{
	width:60%;
	text-align:left;
	vertical-align:middle;
	display:inline-block;
	
}

.newCatContent h2{
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:2px;
	margin:0px;
	color:#000;
}

.newCatContent h3{
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	padding:2px;
	margin:0px;
}

.newCatContent h2:hover,
.newCatContent h3:hover{
	color:#F00;
	cursor:pointer;
}

.historyContent{
	width:60%;
	text-align:left;
	vertical-align:middle;
	display:inline-block;	
}

.histimg img{
	max-height:100px;
	
	
}

.historyContent h2{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
}

.historyContent:hover{
	color:red;
	cursor:pointer;
}

.trigImg{
	width:90%;
	margin:auto;
	max-width:100px;
	opacity:.7;
	
}

.trigImg:hover{
	cursor:pointer;
	opacity:1;
	
}

.trigContent h2{
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:2px;
	margin:0px;
	color:#000;
}

.trigContent h2:hover{
	color:red;
	cursor:pointer;
}

.trigContent h3{
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	padding:2px;
	margin:0px;
}

.trigDelButton{
	
	width:10%;
	vertical-align:middle;
	display:inline-block;
}

#triggerlist{
	background-color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	
}

#containerTriggers{
	background-color:#fff;
	
}


.triggerButton {
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:linear-gradient(to bottom, #ed7466 5%, #ba6c6c 100%);
	background-color:#ed7466;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.triggerButton:hover {
	background:linear-gradient(to bottom, #ba6c6c 5%, #ed7466 100%);
	background-color:#ba6c6c;
}
.tButton:active {
	position:relative;
	top:1px;
}


#featuredTitle{
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	
}

.trigNo{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	text-align:center;
	width:5%;
	color:#888;
	
}

.newCatNo{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	text-align:center;
	width:20%;
	color:#888;
	
}

.moreinfo{
	opacity:.6; 
	display:inline-block;
	vertical-align:middle; 
	padding-bottom:0px;
	
}

.moreinfo:hover{
	cursor:pointer;
	opacity:.9; 
}

#selectaRange,
#daterangeto,
#daterangefrom,
#selectafield{
	border-color:#ccc;
	border-width:1px;	
}

#selectaRange:focus,
#daterangeto:focus,
#daterangefrom:focus,
#selectafield:focus{
	outline: none !important;
    border-color: #6666ff;
    box-shadow: 0 0 10px #6666ff;
		
}

#selectaRange:hover,
#daterangeto:hover,
#daterangefrom:hover,
#selectafield:hover{
	outline: none !important;
    border-color: #6666ff;
    box-shadow: 0 0 10px #6666ff;
		
}

.reportsHeading{
	color:#cac;
	
}

.dashboardResults{
	overflow:auto;
	
}

.dheading{
	background-color:#eee;
	padding-bottom:3px;	
	margin:-8px;
	margin-bottom:10px;	
	border-radius:3px;
	line-height:24px;
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.75);
}

.dheading h5{
	line-height:20px;
	margin:auto;
	display:inline-block;
}


.histButton {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:3px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:5px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
	display:inline-block; 
	padding:8px;
	padding-left:20px;
	padding-right:20px;
}
.histButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.histButton:active {
	position:relative;
	top:1px;
}

#hoplinkheading{
	
	width:93%; 
	padding:5px; 
	padding-left:20px;
	line-height:90px;
	vertical-align:middle;
	margin:auto;
	height:90px;
	
}


#hoplinkheadingtext{
	display:inline-block; 
	line-height:20px;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	width:80%;
	overflow:hidden;
	padding-left:10px;
	margin-bottom:40px;
}

.hoplinktypes{
	margin:0px;
	margin-left:10px;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	color:#444;
	
}

.detailValuehoplinks{
	width:95%;
	background-color:#ddd;
	height:28px;
	padding:3px;
	padding-top:10px;
	padding-left:15px;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	color:#008;
	margin-right:10px;
	margin-bottom:12px;
	border:0px solid #ccc;
	border-radius:3px;
	text-align:center;
	
}

.detailValuehoplinks:hover{
	color:#808;
	cursor:pointer;
}

#hinput1:hover{
	color:#008;
	cursor:text;
}

 #hinput1:focus{
	outline: none !important;
    border-color: #6666ff;
    box-shadow: 0 0 10px #6666ff;
}

#hoplinks{
	width:95%; 
	padding:5px; 
	padding-left:20px;
	margin:auto;
	background-color: #fff;
	margin-bottom:10px;
	
}


  .pictureframe {
        width: 60%px;
        border: 10px solid #ccc;
        background: #eee;
        margin: auto;
        padding: 15px 10px;
		margin-top:50px;
      }
   .pictureframe div {
        width: 100%;
        height: 100%;
      }

.registerButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	
}
.registerButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.registerButton:active {
	position:relative;
	top:1px;
}