@font-face {
    font-family: 'trebuchet_msregular';
    src: url('../fonts/trebuc.eot');
    src: url('../fonts/trebuc.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trebuc.woff') format('woff'),
         url('../fonts/trebuc.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


BODY
{
	 FONT: 8pt verdana, geneva, lucida, arial, helvetica, sans-serif; COLOR: #000000; PADDING: 0px; margin:0;/*background-image: url("../images/bg.jpg"); background-repeat: no-repeat; background-position: center top;*/ background-color:#f2f4f8;
}
.clear{ clear:both; padding:0; margin: 0;}
.breadCrumbs{color:#B0B0B0; padding:3px 0;}
.breadCrumbs a{text-decoration:none; color:#9A9A9A;}
.breadCrumbs a:hover{text-decoration:underline; color:#4084F2;}
.redbuttonelements {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; border-radius:5px; background:#EA5252; border:1px solid #6B6665; padding:3px 5px; height:27px; outline:none;
}
.blackbuttonelements {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; border-radius:5px; background:#666666; border:1px solid #6B6665; padding:3px 5px; height:27px; outline:none;
}
.greenbuttonelements {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; border-radius:15px; background:#9fb449; border:none; padding:3px 15px; outline:none;
}
.yellowbuttonelements {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; border-radius:5px; background:#FF9900; border:1px solid #6B6665; padding:3px 5px; height:27px; outline:none;
}

.red{ color: #f2241d; font-size: 12px; display:none;}
.green{ color: #32d81a; font-size: 12px; display:none;}
.msg {
	FONT: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; COLOR: #cc0000; background:url(../images/error.png) no-repeat left center; padding-left:20px; width:auto;
}
A.link {
	FONT-WEIGHT: bold; COLOR: #990000; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
A {
	FONT-SIZE: 11px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #4084F2; TEXT-DECORATION: none; outline:none;
}
A:hover {
	TEXT-DECORATION: underline
}
.vertBttmBrdr {border-bottom:1px solid #E1E1E1;}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus{border:1px solid #2F5BB7;}

/**** Banty ******/
.mainTable {margin:20px 0 0 0; }
.myheader {
/*background: url("../images/hdr_bg.png") repeat bottom;*/ background:#fff; box-shadow: 0 0 2px rgba(0,0,0,.3);
height:56px; margin:0; padding:5px 0 5px 10px;
}
.admin-logo{width:75px;padding-top:0px;}
.welcome_box {
min-width:140px; width:auto; height:40px; float: right;  padding: 10px; color:#fff; padding:4px 0 15px 11px;
}
.welcome_box .user_img {
margin:0 5px 0 0; cursor: pointer;
}
.welcome_box .user_img img {
width:35px; height:35px; border-radius:50px; border:solid 1px rgba(0,0,0,0.22); padding:2px;
}
.welcome_box .user_name {
font-size:12px; width: auto; cursor: pointer; margin:6px 5px 0 0; color:#000; font-weight:normal;
}
.welcome_box .arow {
  margin:11px 14px 0 0; float:left;
}
.welcome_list {
display: none;
}
.welcome_box:hover .welcome_list {
display: block; position:absolute;
}
.welcome_list {
background-color:#238ac4; margin:14px 0px 0 -12px; font-size:12px; top: 50px; width:152px; text-align:right; z-index: 10000;
}
.welcome_list ul{ list-style:none; margin:0; padding:0;}
.welcome_list ul li {
border-top: solid 1px rgba(255,255,255,0.4); padding:6px 10px; cursor:pointer; font-weight:normal;
}
.welcome_list ul li:hover {
background-color:#F36363;
}
.welcome_list ul li:last-child {
border-bottom:none;
}
.strip {
	background: #a5da67; padding: 17px 0; margin: -20px 0 0 0;;
}
.login_box {
	width: 460px; height:auto; background:#fff; margin:80px auto 0 auto; padding:30px 15px; box-shadow:0 0px 15px 5px #ccc;
}
.login_box .logo {text-align:center; margin:0 0 15px 0;}
.login_box h1 {
	font-family: 'trebuchet_msregular'; color:#A98233; font-size:28px; margin: 0; padding:0; font-weight:normal; text-align: center;
}
.login_box p {
	font-family: 'trebuchet_msregular'; font-size: 13px; color: #3C3C3C; font-weight: normal; margin: 5px 0 0 0px; padding: 0; line-height:20px; text-align:center;
	
}
.login_box .inner {
	margin:8px 0 0 0 ;
}
.login_box .inner .hdng {
 padding:10px 10px 0 31px; margin:0 0 5px 0; font-size:18px; color:#454545; display:inline-table; vertical-align:middle;
}
.login-icon{float:left; width:14px;margin: 1px 5px 0 0px;}
.login_box .inner .fld_body{ padding:10px 10px 10px 15px;}
.login_box .inner .fld_body p {
font-size:12px; color:#3A3A3A; font-family: 'trebuchet_msregular'; padding:0; margin:0;
}
.incorrect {
font-size:12px; color:#ff7a7a; font-family: 'trebuchet_msregular'; padding:0; margin:0;
}
.login_box .inner .fld_body .login_fld {
	background: #F1F1F1; border-radius:5px; padding:12px 3px 12px 10px; width:100%; color:#707070; border:none;
}
.login_box .inner .fld_body .login_fld:focus {outline: none;}
.login_box .inner .fld_body .submt_btn {
	background:#238ac4; border:none; width:95%; height: 30px; cursor: pointer; margin:20px 0 0 0;
	border-radius:15px; font-size:12px; color:#fff; font-family: 'trebuchet_msregular';
}
.login_box .inner .fld_body .reset_btn {
	background:#F36363; border:none; width:95%; height: 30px; cursor: pointer; margin:20px 0 0 0;
	border-radius:15px; font-size:12px; color:#fff; font-family: 'trebuchet_msregular';
}
.login_box .inner .ip {
    margin: 20px 0 0 15px;
}
.menu_icn { display: inline; width: 45px; height:56px; margin:0 0 0 6px; background:url(../images/menu_icon.png) no-repeat; float:left; cursor: pointer; }
/*.menu_icn:hover { background:url(../images/menu_icon_hvr.png) no-repeat; }
*/.menu_icn_sel { display: inline; width: 45px; height:56px; margin:0 0 0 6px; float:left; cursor: pointer;background:url(../images/menu_icon.png) no-repeat; }
.arrowlistmenu {
width: auto; margin: 3px 0 0 0; background:#191919;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
cursor: pointer;
margin: -2px 0 0 -4px;
padding: 13px 0px 13px 15px;
font-weight: normal;
/*font-family: "trebuchet_msregular";*/
font-size: 13px;
color: #A9A9A9;
background: none repeat scroll 0% 0% #1f1f1f;
border-bottom: 1px solid #444444;
border-top: 1px solid #444444;
width: 199px; text-align:left;

}
.arrowlistmenu .menuheader .icon { /*CSS class for menu headers in general (expanding or not!)*/
margin:0px 5px 0 0;
}
.arrowlistmenu .menuheader .arow { /*CSS class for menu headers in general (expanding or not!)*/
float:right; padding:5px 10px 0 0;
}
.arrowlistmenu .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
color: #a9a9a9; text-decoration: none;
}
.arrowlistmenu .menuheader a:hover{ /*CSS class for menu headers in general (expanding or not!)*/
color: #606060;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:#2b90c9; color:#fff;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none; margin:0px; padding:0; background:#272624;
}
.arrowlistmenu ul li{
font-family:Arial, Helvetica, sans-serif; font-size: 12px; border-bottom: solid 1px #454545; text-align:left; padding:10px 0 10px 30px;
}
.arrowlistmenu ul li:last-child {
 border-bottom:none;
}
.arrowlistmenu ul li a{
color:#959595; display: block; text-decoration: none;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#a6a6a6; font-weight:normal;
}
.tbhdr{
	background: #F9F9F9; /* Old browsers */
	background: -moz-linear-gradient(top,  #FAFAFA 0%, #EBEBEB 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EBEBEB)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FAFAFA 0%,#EBEBEB 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FAFAFA 0%,#EBEBEB 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FAFAFA 0%,#EBEBEB 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FAFAFA 0%,#EBEBEB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#EBEBEB',GradientType=0 ); /* IE6-9 */
	border: solid 1px #D5D5D5;
	padding:8px 10px 8px 10px;
	font: normal 12px/24px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color:#686868;
	font-size: 15px;
	font-weight: normal;
	vertical-align:middle;
}
.tbsubhdr {
	COLOR: #686868; BORDER: #DDDDDD 1px solid;
	background: -moz-linear-gradient(top, #F9F9F9,#EDEDED);
	background: -webkit-gradient(linear, center top, center bottom, from(#F9F9F9), to(#EDEDED));
	padding:5px 10px 5px 10px;
	font-size: 13px;
}
.srchtb
{
	COLOR: #686868; BORDER: #DDDDDD 1px solid;
	background: -moz-linear-gradient(top, #fff,#f7f7f7);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f7f7f7));
	padding:8px 10px 8px 10px;
	font-size: 13px;
}
.row1 {
	background:#fbfbfb;
}
.row2 {
	background:#F3F4F8; border-bottom: 1px solid #e5e5e5;
}
.redrow {
	background:#ffecec;
}
.yellowrow {
	background:#f0e0ba;
}
.totalRow {
	background:#e9e9e9;
}
.previousTotal {
	background:#ccc;
}
.grandTotal {
background: #367393;color: #fff;font-weight: bold;
}
.tborder {
	BACKGROUND: #fff; font-family: Arial, Helvetica, sans-serif; color:#333333; border:1px solid #dddddd;
}
.tborder td {
	border:none; border-top:solid 1px #eaeaea; border-left:solid 1px #eaeaea; height:20px;
}
.tborder td table td{ border:none;}
.loginbttn {
	background:#326b77; border:none; width:auto; height: auto; cursor: pointer; padding:5px 25px;
	border-radius:15px; font-size:12px; color:#fff; font-family: 'trebuchet_msregular';
}
.backbttn {
	background:#F36363; border:none; width:auto; height: auto; cursor: pointer; padding:5px 25px;
	border-radius:15px; font-size:12px; color:#fff; font-family: 'trebuchet_msregular';
}
.resetbttn {
	background:#F36363; border:none; width:auto; height: auto; cursor: pointer; padding:5px 25px;
	border-radius:15px; font-size:12px; color:#fff; font-family: 'trebuchet_msregular';
}




.forminputelement {
	border:solid 1px #cccccc; border-radius:1px; padding:0px 2px 0px 2px; height: 25px; width:258px; color:#707070;
	font-size:11px;
}
.forminputelementDate {
	border:solid 1px #cccccc; border-radius:1px; padding:0px 2px 0px 2px; height: 25px; width:120px; color:#707070;
	font-size:11px;
}



.change_paswrd {
	background: #f9f9f9;
}
.change_paswrd .hdng {
	BACKGROUND: #84a853; COLOR: #fff; font-family: 'trebuchet_msregular'; width:100%;
	font-size:18px; font-weight:normal; border-bottom: dotted 1px #9ad268;
}
.fld {
	border:solid 1px #cccccc; border-radius:1px; padding:0px 2px 0px 2px; height: 25px; width:258px; color:#707070;
	font-size:11px;  background-color:#fff;
}
.txtfld {
	border:solid 1px #cccccc; border-radius:3px; padding:0 0 0 5px; height: 110px; width:257px; color:#707070;
}
.footer {
	bottom: 0; width: 100%; position:absolute;
}
.popupForm {
	display: none;
	position: absolute;
	margin-left:16%;
	margin-top:120px;
	top: 2%;
	left: 0;
	width: 70%;
	height:auto;
	text-align:left;
	background-color:#FFFFFF;
	-moz-box-shadow:  0 0 0.3em #333;
	-webkit-box-shadow: 0 0 0.3em #333;
	box-shadow:0 0 0.3em #333;
	z-index:300;
	padding:10px;
}
.black_overlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1600px;
	background-color:#000000;
	z-index:200;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	text-align:center;
}
.pageno .total_page{ border-right:1px solid #a1a1a1; margin-right:8px;}
.pageno .content{background:#F3F2F0; box-shadow: inset 0px 0px 2px #868686; padding:4px 8px; color:#545454; border-radius:3px; margin:0 3px 0 0;}
.pageno .select{background:#fff; box-shadow: inset 0px 0px 2px #868686; padding:4px 8px; color:#545454; border-radius:3px; margin:0 3px 0 0;}
.pageno a{ color:#545454;}
.pageno a:hover{ text-decoration:none;}

.black_overlay1 {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 1600px;
  background-color: #000000;
  z-index: 1000001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
  text-align: center;
}

.popupfrmCustomer2 {
  display: none;
  position: fixed;
  margin-left: 400px;
  margin-top: 150px;
  top: 2%;
  left: 1%;
  width: 400px;
  height: auto;
  text-align: left;
  background-color: #FFFFFF;
  -moz-box-shadow: 0 0 0.3em #333;
  -webkit-box-shadow: 0 0 0.3em #333;
  box-shadow: 0 0 0.3em #333;
  z-index: 10000001;
  padding: 14px;
  background-color: #00D96C;
}
.popupTableEmp1 {
  border: thin solid #afadad;
  background-color: #FFFFFF;
  color: #999;
  FONT-SIZE: 12px;
  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
  height: auto;
}
table[Attributes Style] {
  -webkit-margin-start: auto;
  -webkit-margin-end: auto;
  width: 100%;
  border-spacing: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}

.headercontent {
  FONT-SIZE: 10px;
  BACKGROUND: url(../images/homedivider.gif) #404040 repeat-x left top;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  HEIGHT: 20px;
}

.contentheader{
    background: #fff;
    color: #326B77;
	border-bottom: 1px solid #D0D0D0;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}
.contentheader{width: 100%;
    height: 40px;
    margin-bottom: 2em;
    position: relative;
}
.contentheader h1 {
    font-size: 20px;
    font-weight: normal;
    position: relative;
    left: 15px;
	margin:0px; 
	padding:0px;
}
.dashboard_report{
    background: -moz-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DFDBDB));
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
    background: linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB')";
    border: 1px solid #CCC;
}
.dashboard_report {
    width: 21%;
    font-size: 13px;
    color: #262626;
    float: left;
    margin: 0 2% .5em 0;
    border: 1px solid #C7C7C7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.dashboard_report .pad {
    padding: 15px 15px 10px;
}
.dashboard_report .value {
    font-size: 28px;
    font-style: normal;
    color: #000;
    display: block;
    margin-bottom: .4em;
}
.colors_row {clear:both; }
.color_box {background:#ccc; padding:3px; width:10px; height:10px; display:inline-block; margin:0 2px 2px 0; float:left; }
.color {color:#000;display:inline-block; }

.product_popup {}
.product_popup .close {background:#000; padding:5px 7px; font-size:12px; float:right;}
.product_popup .close a {color:#fff;}
.product_popup ul {margin:0; padding:0; list-style:none;}
.product_popup ul li { float:left; border:solid 1px #ccc; padding:5px; margin:5px; width:17%; height:380px; text-align:center; }
.product_popup .btn { text-align:center; margin:15px 0 0 0;}

.dashboard_box_list_body {}
.dashboard_box_list_body ul { margin:0; padding:0; list-style: none; }
.dashboard_box_list_body ul li { float: left; border: solid 1px rgba(0,0,0,0.25); width:49%; padding:7px; margin-bottom:10px; color: #3C3C3C;  }
.dashboard_box_list_body ul li.right_margin { margin-right:2%;}
.dashboard_box_list_body ul li table td { border-bottom: solid 1px rgba(0,0,0,0.1); padding:2px 4px;}
.dashboard_box_list_body ul li table tr { cursor:pointer;}
.dashboard_box_list_body ul li table tr:hover { background:#e5e5e5;}
.dashboard_box_list_body ul li h4 { margin:0; padding:0; font-weight:normal; background: rgba(156, 156, 156, 0.5); font-size:12px; padding:4px;  }
.dashboard_box_list_body ul li .number { color: #1CA92E; }
.dashboard_box_list_body ul li{ width:22%; margin-right:1%; height: 270px; overflow-y:scroll;}