﻿
.err
{
	display: block;
	line-height: 30px;
	background-repeat: no-repeat;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	background-color: #F3C598;
	border: solid 3px #E8B084;
	color: #BA4C32;
	background-image: url(img/msg-error.gif);
	background-position: 1px 4px;
	border-radius: 5px;
	padding: 0px 5px 0px 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-bottom: 10px;
}
.msg
{
	display: block;
	line-height: 30px;
	background-repeat: no-repeat;
	width: auto;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFAC2;
	border: solid 3px #DBD6A2;
	color: #5E5C40;
	background-image: url(img/msg-ok.gif);
	background-position: 0.3% 50%;
	border-radius: 5px;
	padding: 0px 5px 0px 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-bottom: 10px;
}
.process
{
	position: fixed;
	top: 0px;
	display: inline;
	line-height: 25px;
	background-repeat: no-repeat;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFAC2;
	border: solid 3px #DBD6A2;
	color: #5E5C40;
	background-image: url(img/ajax-loader.gif);
	background-position: 0% 50%;
	border-radius: 5px;
	padding: 0px 5px 0px 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-bottom: 10px;
}
.mailmsg
{
	display: block;
	background-position: 15px 12px;
	background-repeat: no-repeat;
	width: 90%;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFAC2;
	border: solid 3px #DBD6A2;
	color: #5E5C40;
	background-image: url(img/mail.png);
	background-position: 0% 50%;
	border-radius: 5px;
	padding: 9px 10px 9px 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-bottom: 10px;
}
.mailmsg a
{
	color: green;
	font-weight: bold;
	width: 100%;
	display: block;
	padding: 5px;
}
.dashlbl
{
	background: #F9F9F9;
	border: 1px solid #DDD;
	border-radius: 5px;
	text-align: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	color: #444;
	display: block;
	box-shadow: #AAA 0 0 10px;
	padding: 0px;
}
.dashhead
{
	font-family: Verdana;
	font-size: 12px;
	background: #DDD url(img/uibg.png) 50% 50% repeat-x;
	border: 1px solid #DDD;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0.4em;
	padding: 7px;
	text-shadow: 0 1px 0 white;
}
.dashhead h3
{
	position: relative;
	color: #444;
	top: 2px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.dashhead a
{
	width: 100%;
	display: block;
	color: #444;
	text-decoration: underline;
}
.dashcont
{
	line-height: 25px;
	font-family: Verdana;
	font-size: 12px;
	margin: -1px -1px 0 -1px;
	padding: 7px;
	color: #444;
}

.dashcont table
{
	width: 100%;
	border-left: 1px solid #D5D5D5;
	border-top: 1px solid #D5D5D5;
	margin: 0px;
}
.dashcont table tr.tblhed td
{
	border-left: 1px solid #F2F2F2;
	border-right: 1px solid #D5D5D5;
	background: #DDD url(    "img/thead.gif" ) repeat-x;
	text-shadow: white 0 1px 0;
	font-weight: bold;
}
.dashcont table tr.odd td
{
	border: 1px solid #DDD;
	border-top-color: white;
	border-left-color: white;
	background: whiteSmoke;
}
.dashcont table tr.odd td.fst
{
	border-left-color: #DDD;
}
.dashcont table tr.even td
{
	border: 1px solid #DDD;
	border-top-color: white;
	border-left-color: white;
	background: white;
}
.dashcont table tr.even td.fst
{
	border-left-color: #DDD;
}
.dashcont table tr.red td
{
	border: 1px solid red;
	border-top-color: white;
	border-left-color: white;
	background: #F3C598;
	color: Red;
}
.dashfoot
{
}
.maskdiv
{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9997;
	left: 0px;
	top: 0px;
	background: white url(img/progressindicator.gif) no-repeat 50% 50%;
	opacity: 0.6;
}
.pgstaticdiv
{
	height: 24px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.pgscrolldiv
{
	overflow: hidden;
	height: 24px;
	width: auto;
	position: absolute;
}
.pgscrolldiv ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	width: auto;
}
.pgscrolldiv ul li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

.cpglink
{
	border: 1px solid #F2F2F2;
	background-color: green;
	text-decoration: none;
	color: white;
	padding: 5px;
	display: block;
	height: 12px;
	font-weight: bold;
	line-height: 12px;
}
.cpglink:hover
{
	text-decoration: none;
}
.pglink
{
	border: 1px solid #F2F2F2;
	background-color: url(img/thead.gif) repeat-x #DDD;
	text-decoration: none;
	color: Black;
	padding: 5px;
	display: block;
	height: 12px;
	line-height: 12px;
}
.pglink:hover
{
	background-color: #333333;
	text-decoration: none;
	color: White;
}
#pglinkdiv
{
	position: relative;
	margin: 0px;
	padding: 0;
	border: 0px;
	background: url(img/thead.gif) repeat-x #DDD;
	width: 100%;
	border: solid 1px #F2F2F2;
}
#linktd
{
	margin: 0;
	padding: 0;
	border: 0px;
}
#arows
{
	font: bold 12px verdana;
	display: block;
	margin: 0;
	padding: 5px;
	width: 48px;
	border: 0px;
	height: 12px;
	border: solid 1px #208eff;
	background-color: White;
	text-decoration: none;
}
#arows:hover
{
	font: bold 12px verdana;
	display: block;
	margin: 0;
	padding: 5px;
	height: 12px;
	border: solid 1px black;
	background-color: #e4f3ff;
	text-decoration: none;
}
arows
{
	font: bold 12px verdana;
	display: block;
	margin: 0;
	padding: 5px;
	width: 48px;
	border: 0px;
	height: 12px;
	border: solid 1px #208eff;
	background-color: White;
	text-decoration: none;
}
arows:hover
{
	font: bold 12px verdana;
	display: block;
	margin: 0;
	padding: 5px;
	height: 12px;
	border: solid 1px black;
	background-color: #e4f3ff;
	text-decoration: none;
}
#bppgdiv
{
	font: 12px verdana;
	-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	display: none;
	position: absolute;
	margin: 0px 0px 0px 0px;
	width: 100px;
	padding: 0px;
	border: 0px;
	background-color: #e4f3ff;
	text-decoration: none;
	border: solid 1px black;
	margin-right: 50px;
	z-index: 300;
}
#bppgdiv a
{
	font: 12px verdana;
	position: relative;
	display: inline-block;
	width: 90px;
	margin: 0;
	padding: 5px;
	height: 12px;
	border: 0px;
	background-color: #e4f3ff;
	text-decoration: none;
}
#bppgdiv a img
{
	border: 0px;
}
#bppgdiv a:hover
{
	background-color: White;
}
.ltd
{
	width: 82%;
	border: 0px !important;
}
.tdaimg
{
	width: 3%;
	border: 0px !important;
}

.button
{
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	background: #8A8804 url(img/bg-button-green.gif) top left repeat-x !important;
	border: 1px solid #8A8804 !important;
	border-radius: 5px;
	padding: 8px 8px 9px 10px !important;
	color: white !important;
	font-size: 11px !important;
	cursor: pointer;
}
.catselect div
{
	padding: 3px 10px;
	color: #b00000;
	font-weight: bold;
	cursor: pointer;
	line-height: 22px;
	width: 243px;
	margin: 0px;
}
.catselect a
{
	color: Black;
}
.catselect ul
{
	margin: 0px;
	cursor: pointer;
	list-style: none;
	padding-left: 10px;
	line-height: 25px;
	background-image: url(img/o-arrow.png);
	background-position: 0px 10px;
	background-repeat: no-repeat;
}
.catselect a
{
	text-decoration: none;
	width: 100%;
	display: block;
}
.catselect a:hover
{
	text-decoration: underline;
}
#uls0
{
	background-image: none;
	position: absolute;
	border: 1px solid #ffc000;
	border-top: 0px;
	background-color: #ffffcc;
	width: 225px;
	padding: 8px 10px 8px 10px;
	margin: 0px;
	height: 100px;
	overflow: auto;
}
.catselect ul#uls0.uls
{
	display: none;
}
.catselect ul#uls0.ulsq
{
	display: block;
}
.dropdownArrow
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	padding: 0;
	margin: 0;
	color: white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
	float: right;
	width: 0;
	height: 0;
	display: inline-block;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid black;
	position: relative;
	top: 5px;
	border-top-color: #525252;
}
#uls0
{
	width: 233px;
}
.addcart
{
	height: 25px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	color: White;
	background-color: #939301;
	font-family: Verdana;
	font-size: 12px;
	background-image: url(img/addcart.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 10px 0px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 3px solid transparent;
	text-align: left;
}
.addcart:hover
{
	background-color: #848501;
}
.cart
{
	font-family: Verdana;
	font-size: 12px;
	color: Black;
}
.checkout
{
	height: 30px;
	cursor: pointer;
	text-decoration: none;
	color: White;
	background-color: #669900;
	font-family: Verdana;
	font-size: 12px;
	background-image: url(img/tickcart.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 3px solid transparent;
	text-align: left;
}
.checkout:hover
{
	background-color: #5c8901;
}
.resdiv
{
	left: 0px;
	top: 0px;
	position: absolute;
	border: solid 1px #aaaaaa;
	border-bottom: 0px;
	z-index: 99999;
	display: none;
}
.resdiv a
{
	font-family: arial;
	background-color: White;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding: 5px;
	display: block;
	border-bottom: solid 1px #aaaaaa;
}
.resdiv a.selected, .resdiv a:hover, .resdiv a:focus
{
	font-family: arial;
	background-color: Black;
	color: #ffffff;
	text-decoration: none;
	padding: 5px;
	display: block;
	border-bottom: solid 1px #aaaaaa;
}
.txtbox
{
	font-family: arial;
	background-color: White;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding: 5px;
	display: block;
	border: solid 1px #aaaaaa;
}
/* [
title]
{
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
 [
title]:hover
{
	text-decoration: none;
}
 [
title]:hover:after
{
	top: -30px;
	opacity: 1;
	visibility: visible;
}
 [
title]:hover:before
{
	top: 0px;
	opacity: 1;
	visibility: visible;
}
 [
title]:after
{
	font-family: Verdana;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	background: #111;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
	top: 0px;
	color: #fff;
	content: attr(title);
	display: block;
	opacity: 0;
	right: 0%;
	padding: 5px 15px;
	position: absolute;
	white-space: nowrap;
	z-index: 98;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	visibility: hidden;
}
 [
title]:before
{
	border: solid;
	border-color: #111 transparent;
	border-width: 6px 6px 0 6px;
	content: "";
	display: block;
	top: 30px;
	opacity: 0;
	right: 10%;
	position: absolute;
	z-index: 99;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	visibility: hidden;
}
 [
title=""]:hover:before
{
	display: none;
}
 [
title=""]:hover:after
{
	display: none;
}*/
div.hideshow
{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.bpdtf
{
	width: 65px;
}




.v_gap1
{
	width: 30%;
	height: 15px;
}
.v_gap2
{
	width: 40%;
	height: 15px;
}
.v_gap3
{
	width: 30%;
	height: 15px;
}
.bpmemcont
{
	width: 100%;
}
.bpmemcont > tr > td, .bpmemcont > tbody > tr > td
{
	width: 100%;
}
.pbtn
{
	color: #fff;
	background-color: #5191d1;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 12px;
	margin: 3px;
	border: 0;
}
.boxstyle
{
	height: 29px;
	margin: 0px;
	padding: 0px 8px;
	background: none repeat scroll 0% 0% #F0F0F0;
	border-right: 1px solid #FCCDCD;
	border-width: 1px;
	border-style: solid;
	border-color: #D5CDCD #B6A0A0 #BEAFAF;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	box-sizing: border-box;
	border-radius: 1px;
	width: 249px;
	border-left: 4px solid #76B7F3;
	display: inline-block;
	color: Black;
}
.divcnt
{
	width: 100%;
	text-align: left;
}
.lblstyle
{
	display: block;
	margin-bottom: 10px;
}
.spnstyle
{
	padding: 10px;
	display: inline-block;
	width: 25%;
}
.sub_span
{
	display: inline-block;
}
. pagetitle
{
	padding: 10px;
}
.cntbox
{
	width: 25%;
}
.cntfld
{
	width: 23%;
	font-size: 15px;
}
.pageshd
{
	font-size: 15px;
}
.fonnt
{
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
}
.srch-form
{
	/*margin: 22px 20px 52px 20px;*/
}
.srch-form > ul
{
	position: absolute;
	display: none; /* left: 0.7%; */
	background: #fff; /* margin-left: 8px; */
	border: solid 1px #d8d8d8;
	width: 19.3%;
	max-height: 338px;
	overflow: auto;
	z-index: 1000;
}
#autsrc > ul
{
	position: absolute;
	display: none;
	left: 1%;
	background: #fff;
	margin-left: 8px;
	border: solid 1px #d8d8d8;
	width: 95%;
	max-height: 245px;
	overflow: auto;
	z-index: 1000;
}
.dispul
{
	display: block !important;
}
.srch-form > ul li, #autsrc > ul li
{
	border-bottom: solid 1px #d8d8d8;
}
.srch-form > ul li:last-child, #autsrc > ul li:last-child
{
	border-bottom: none;
}
.srch-form > ul li a, #autsrc > ul li a
{
	color: #000;
	background-color: #fff;
	text-align: left;
	padding: 8px 16px;
	display: block;
	text-decoration: none;
}
.srch-form > ul li a strong, #autsrc > ul li a strong
{
	color: #658D35;
	text-align: center;
	display: inherit;
}
.srch-form > ul li a:hover, #autsrc > ul li a:hover
{
	background-color: rgba(84, 84, 84, 0.22);
	cursor: pointer;
}
.srch-form > ul li a:hover > i, #autsrc > ul li a:hover > i
{
	color: #000;
}
.srch-form > ul li a i, #autsrc > ul li a i
{
	color: #B2B2B2;
	padding-right: 6px;
}

.list-unstyled
{
	padding-left: 0;
	list-style: none;
}

.kkk
{
    width: 100%;
    border: solid 1px rgba(157, 157, 157, 0.99);
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
}