/* Minification failed. Returning unminified contents.
(351,155): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/**********************************************
CSS Document Created  for Annuity Payer
***********************************************

This stylesheet includes the following sections 

	1. LAYOUT DEFAULT STYLES
	2. LAYOUT POSITIONING
	3. TYPOGRAPHY - GLOBAL
	4. LAYOUT STYLES
		4.1. HEADER SECTION
			4.1.1. TOPPANE SECTION
			4.1.2. LOGOPANE SECTION
		4.2. BANNER SECTION
			4.2.1. LOGIN SECTION
		4.3. MENU SECTION
		4.4. CONTENT SECTION
		4.5. GRID SECTION
	5.FORM SECTION
	6.LAYOUT REGULAR SECTION
	7.FOOTER SECTION
	8.OTHERS SECTION		
***********************************************/



/***************************
LAYOUT DEFAULT STYLES
***************************/
*{margin:0px; padding:0px; text-decoration:none; }
body{ width:100%; margin:0; padding:0;  background: #fff; color:#000; font-size:12px; font-family: Arial, Helvetica, sans-serif; }

/***************************
LAYOUT POSITIONING
****************************/
.page-margin-wrapper{margin:0px auto; width:99%;}
.page-wrapper{float:left; width:100%; }
.wrapper { width:100%; float:left;}
.wrapper-h { width:50%; float:left;}
.wrapper-q { width:25%; float:left;}
.wrapper-new { width:100%; float:left; margin:10px 0 0 0 !important;}
.wrapper-space { width:100%; float:left; margin:20px 0 0 0;}


/***************************
TYPOGRAPHY - GLOBAL
****************************/
h1 { width:100%; margin:0; float:left; font-size:25px; font-weight:bold; padding:0; color:#000; }
h2{width:100%; margin:0; float:left; font-size:25px; font-weight:bold; padding:0; color:#59ad21;}  
h2 span {color:#2a313c}
h4{ width:100%; margin:5px 0; float:left; font-size:12px; font-weight:bold; padding:0; color:#848484;}
p  { width:100%; margin:0; float:left; font-size:13px; font-weight:normal; padding:0; color:#666666; line-height:20px; text-align:left;   }
p.spac { margin:20px 0 0 0;}


/****************************LAYOUT STYLES****************************/


/***************************
HEADER SECTION
****************************/
#header-wrapper { width:100%; float:left; height:122px; background:url(../images/top-pane-agent.png) repeat-x;}
.login-header { height:82px !important;}
/***************************
TOPPANE SECTION
****************************/
	#toppane{float:left; width:100%; height:29px; position:relative;  }
	#toppane ul.list { width:auto; float:right;}
	#toppane ul.list li { width:auto; float:left; list-style:none; padding:0 4px; border-left:1px solid #fff;font-size:12px; color:#fff; position:relative;  line-height:29px; }
	#toppane ul.list li.wel { border:none;}
	#toppane ul.list li a { text-decoration:none; font-size:12px; color:#fff;  padding:0 5px; line-height:29px; float:left;  }
	#toppane ul.list li.wel span { color:#59ad21; padding:0 5px 0 0;}
	#toppane ul.list li.bor-no { border:0px;}
	#toppane ul.list li.login a { }
	#toppane ul.list li.support a {}
	#toppane ul.list li a:hover, #toppane ul.list li a.active { color:#59ad21;}
	#toppane ul.list li.login a.active { background:#fff ; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
	#toppane ul.list li a img { margin:3px 0 0 0;}
	#drop-menu { display:none; background:#131a24; border:1px solid #383838; position:absolute; top:22px; right:0px; width:230px; }
	#drop-menu img { padding:0 5px 0 0; float:left; margin:0px !important;}
	#drop-menu span {float:left; line-height:16px;}
	#drop-menu a { color:#fff !important; float:left; width:210px; padding:5px 10px !important; font-size:12px; text-decoration:none; background:none !important; }
	#drop-menu a:hover { background:#ffdfaf!important; color:#131a24 !important; }

/***************************
LOGOPANE SECTION
****************************/
	div#logo-pane { width:100%; float:left;}
	div#logo-pane div.lleft { width:30%; float:left;}
	div#logo-pane div.lleft a, div#logo-pane div.lleft a:link { float:left; position:relative; margin:0 0 0 0;}
	div#logo-pane div.lbuild { width:10%; float:left;}
	div#logo-pane div.lbuild span { height:23px; float:left; margin:15px 0 0 0; color:yellow; font-size:20px;}
	div#logo-pane div.lmiddle a, div#logo-pane div.lmiddle a:link { width:171px; height:23px; float:left; margin:15px 0 0 0;}
	div#logo-pane div.lright { width:60%; float:left;}

/***************************
BREADCRUM SECTION
****************************/
#breadcrum-wrapper{width:100%; float:left;}
.search-query{width:70%;background-color:#f0f0f0;background-image:url(../images/search-icon.png);background-repeat:no-repeat;background-position:right center;border-color:#cecece;padding:4px 12px;padding-right:24px;border: 1px solid #d1d1d1; outline: 0; line-height: 18px;  margin: 0; color: #444; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin:0 0 0 1%;}
ol.breadcrumbs {  font-size: 0.86em; margin: 0 0 0px 1px; }
ol.breadcrumbs li { background: url("../images/listings-breadcrumbs-arrow.png") no-repeat scroll 0 50% transparent; display: inline-block; min-height: 9px; padding: 0 7px 0 11px; margin:0px; text-decoration:none; color:#254da2; font-weight:bold; font-size:11px; }
ol.breadcrumbs li a { text-decoration:none; color:#254da2; font-weight:bold;}
ol.breadcrumbs li a:hover,ol.breadcrumbs li a.activated {color:#59ad21;}
ol.breadcrumbs strong { color: #254da2; font-weight: normal; }
* + html ol.breadcrumbs li { display: inline; }
.cart-bg {width:99%; height:22px; padding:2px; line-height:24px; background-color:#f0f0f0;border: 1px solid #d1d1d1; outline: 0; margin: 0; color: #444; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; float:left; position:relative;}
.cart-bg strong { margin:0 0 0 3px;}
#drop { display:none; background:#f0f0f0; border: 1px solid #d1d1d1; position:absolute; top:26px; right:0px; width:100px; }
	#drop a { color:#000; display:block; padding:5px 10px; font-size:11px; text-decoration:none;  }
	#drop a:hover { background:#333; color:#59ad21; }

/****************************
BANNER SECTION
****************************/
#banner-pane { width:100%; float:left; background:url(../images/homebanner/banner-bg-or.png) repeat; height:325px; }
#banner-pane div.banner-inner { width: 100%;float: left;background: url(../images/homebanner/banner-common-img.png) no-repeat 50% 20%;}
#banner-pane .page-margin-wrapper{margin:0px auto; width:85%;}
#banner-pane .page-wrapper{float:left; width:100%; }
#banner-pane .banner-inner { width:100%; float:left;}
#banner-pane .banner-inner img { float:right;}
#banner-inner-pane { width:100%; float:left; position: relative; background: white; border:1px solid #aaaaaa; background-image: linear-gradient(bottom, #f0f0f0 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #f0f0f0 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #FFFFFF 100%);  background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #f0f0f0 0%, #FFFFFF 100%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:45px 0 45px 0;  -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}
.register { padding:10px 0px !important;}
.reg-agree,  .crt-user .ctrl-column { line-height:13px !important;}
#banner-inner-pane div.banner-container { width:915px; float:left; margin:0px 25px; }
#banner-inner-pane div.b-left { width:635px; padding:0 15px; float:left;}
	.banner-title { width:100%; float:left; font-size:22px; color:#3a3e47; font-family: Segoe UI,Helvetica,Arial,sans-serif; }
	.banner-title span { font-size:45px;  color:#59ad21;}
	ul.banner-listing { width:100%; float:left; }
	ul.banner-listing li { list-style:none; width:98%; background:url(../images/bullet.png) no-repeat 0px 10px; float:left; padding:0 0 0 2%; line-height:25px; font-size:12px; color:#000;}
#banner-inner-pane div.b-right { width:250px;  float:left;  }
#banner-inner-pane div.b-right  table {text-align:left; }

ul.landing-listing { width:100%; float:left; }
	ul.landing-listing li { list-style:none; width:95%; background:url(../images/bullet.png) no-repeat 0px 12px; float:left; padding:0 0 0 5%; line-height:30px; font-size:16px; color:#000;}
	ul.landing-listing li.last { background:none;}
ul.listing-txt { width:100%; float:left;}
	ul.listing-txt li { list-style:none; width:95%; background:url(../images/bullet-b.png) no-repeat 5px 8px; float:left; padding:0 0 0 5%; line-height:25px; font-size:15px; color:#989898; font-weight:normal;}
/***************************
LOGIN SECTION
****************************/
#divLogin{ position:relative; z-index:1000;  }
.login-bg { width:96.5%;  float:left;  float:left; font-size:13px; }
.log-sep { width:100%; background:url(../images/log-sep-bg.png) repeat-x; height:2px;}
.input-txt-un{width: 200px;float: left;  background: url(../images/email-box-bg.png) no-repeat;border:0px; color:#858585; height:28px; line-height:28px; padding: 3px 30px 3px 10px;}
.input-txt-pass{width: 200px;float: left; background: url(../images/pass-box-bg.png) no-repeat;border:0px; color:#858585; height:28px; line-height:28px; padding: 3px 30px 3px 10px;}
.tokeninput{height:300px !important;}
.resetpasswordlink { float: right !important; margin-right: 15px !important; font-size: 12px; margin-top: 12px;}
.f-req { font-size: 13px; color: #ff0000; font-family: helvetica, arial, sans-serif; float:none !important; line-height:normal !important; }
/***************************
MENU SECTION
****************************/

#nav { margin: 0;   line-height: 100%; font-size:13px; float:right; width:auto; height:53px;  }
#nav li { float: left; position: relative; list-style: none;  width:auto;   border-right:1px solid #3f4854;  border-left:1px solid #2e343d; }
#nav a {  text-decoration:none; font-size:13px; color:#fff; height:50px; padding:0 10px;  line-height:53px; float:left; font-weight:bold; margin: 0;}
#nav a:hover { color:#59ad21; border-bottom:3px solid #59ad21; }
#nav .current a, #nav li:hover > a {color:#59ad21; border-bottom:3px solid #59ad21;  }
#nav ul li:hover a, #nav li:hover li a { background: none; border: none; color: #fff; }
#nav ul a:hover { background: #f89500 !important; color: #fff !important; }
#nav li:hover > ul { display: block; }
#nav ul { display: none; margin: 0; padding: 0; width: 185px; position: absolute; top: 53px; left: 0; z-index:1000000; background: #131a24;}
#nav ul li { float: left; margin: 0; padding: 0;  border-bottom:1px solid #3f4854; width:100%; border-right:0!important; border-left:0!important;}
#nav ul a { font-weight: normal; width:90%; float:left; padding:0 0 0 10%; }
#nav ul ul { left: 181px; top: -1px; }
#nav ul li:first-child > a { }
#nav ul li:last-child > a {}
#nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#nav { display: inline-block; } 
html[xmlns] #nav { display: block; }
* html #nav { height: 1%; }




/***************************
CONTENT SECTION
****************************/
#content-wrapper { width:100%; float:left; margin:5px 0 0 0; padding:10px 0; min-height:500px; }
#content-wrapper .page-margin-wrapper-lo{margin:0px auto; width:980px;}
.light-grey-title { width:100%; float:left;  font-family:Segoe UI,Helvetica,Arial,sans-serif; padding:0 0 3px 0; position:relative;   }
.light-grey-title span { width:100%; float:left; margin:0 0 0 3px ; font-size:22px;  color:#464545;}
.light-grey-title-popup { width:98%; float:left;  font-family:Segoe UI,Helvetica,Arial,sans-serif; font-size:18px; padding:5px; margin:0px; position:relative; border:0px dotted #BBBBBB; border-collapse:collapse;border-bottom-width:1px; }
.light-grey-title-popup span { margin:0 0 0 3px ; font-size:22px;  color:#464545;}

.content-area { width:100%; float:left; } 
.light-grey-title img { float:right; margin:15px 15px 0 0;}
#content-wrapper  .content-box { width: 85%; margin: 20px 25px 0 25px; padding: 2px; -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  float:left; }
#content-wrapper  .content-box-inner { position: relative; background: white; background-image: linear-gradient(bottom, #f0f0f0 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #f0f0f0 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #f0f0f0 0%, #FFFFFF 100%); height:400px; background-image: -webkit-linear-gradient(bottom, #f0f0f0 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #f0f0f0 0%, #FFFFFF 100%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.filter-pane {width:200px; float:left}
.filter-pane a { width:95%; float:left; padding:3px;}
.filter-pane a:hover { background-color: #ffdfaf; text-decoration: none;}
.filter-pane a.disabled-txt:hover { background-color:#fff !important;}
.filter-pane .scroll-wrapper { width:100%; float:left; overflow:auto; overflow-x:hidden; }
.scroll-pop { width:100%; float:left; height:550px; overflow:auto; overflow-x:hidden; }

.tab3-dv .dataTables_scrollHeadInner, .tab3-dv .dataTables_scrollHeadInner table {width:100% !important;}
.portfolio-grid-wrapper{ width:100%; float:left; position:relative;}

/***************************
GRID SECTION
****************************/

table.adminlist { width: 100%; border:0px dotted #C3C3C3;}
table.adminlist td, table.adminlist th { padding: 0 4px; border:0px dotted #C3C3C3;border-bottom-width:1px;}
table.adminlist thead th { text-align: left; border:0px !important;  background: #f1f1f1; color: #000; font-weight: bold; font-size: 11px; height: 25px; }
table.adminlist tfoot th { text-align: left; border:0px !important;  background: #f1f1f1; color: #000; font-weight: bold; font-size: 13px; height: 25px; }
table.adminlist tfoot td { text-align: left; border:0px !important;  background: #f1f1f1; color: #000; font-size: 11px;  height: 25px; }
table.adminlist tbody tr td a { text-decoration: none; }
table.adminlist thead a:hover { text-decoration: none; }
table.adminlist thead th img { vertical-align: middle; }
table.adminlist tbody tr.even td { background: #ffffff;}
table.adminlist tbody tr.odd td { background: #fafafa;}
table.adminlist tbody tr.row0 td { background: #ffffff;}
table.adminlist tbody tr.row1 td { background: #fafafa;}
table.adminlist tbody tr.odd:hover td, table.adminlist tbody tr.even:hover td, table.adminlist tbody tr.row0:hover td, table.adminlist tbody tr.row1:hover td { background-color: #ffdfaf!important;  }
table.adminlist tbody tr td { height: 25px; color: #5a5a5a; font-size: 13px; }
table.adminlist td table { margin: 0 auto; }
.left-align { text-align:left !important;}
.right-align { text-align:right !important;}
.center-align { text-align:center !important;}
table.adminlist tbody td a, table.adminlist tbody td a:link { color:#0c70bd;}
table.adminlist input.input-txt { margin:2px 0;}
.dataTables_wrapper .dataTables_paginate { 	float : right; margin : 5px 0 0; width : auto; }
.dataTables_paginate span.paginate_button, .dataTables_paginate  span span { display : inline-block; color:#b0b0b0; background:#fafafa; border : 1px solid #e6e6e6; padding : 0 7px; margin : 0 0 0 3px; font : 11px/20px Arial; cursor : pointer; text-transform : uppercase; height : 20px; }
.dataTables_paginate span span:hover, .dataTables_paginate span span.paginate_active { color : #353535; }
.dataTables_paginate span.paginate_button_disabled { color : #d5d5d5 !important; cursor:default; }
.ui-widget-header { border:0px !important;}
table.adminlist input[type="checkbox"] { float:none;}

/***************************
FORM SECTION
****************************/
.input-txt{width: 94%;float: left; background: url(../images/input-bg.png) repeat-x;border: 1px solid #9a9a9a; padding:3px;}
.input-txt-q{width: 40%; margin:3px 5px 0 0; height:21px; background: url(../images/input-bg.png) repeat-x;border: 1px solid #9a9a9a; padding:1px; font-size:12px; text-align:center;}
.input-txt-dis{width: 98%;float: left;height:21px; background: url(../images/input-bg.png) repeat-x;border: 1px solid #9a9a9a;  padding:3px; color:#A7A7A7;}
select {  width: auto; border: 1px solid #ccc; margin:2px 0; width:97%; }
textarea { width:99%; border: 1px solid #9a9a9a; font-family: Arial, Helvetica, sans-serif; }
.form-row { width:99%; float:left; padding:3px;}
.label-column{font-weight:bold; font-size:12px;color: #666666;line-height:30px;  width:40%; float:left; margin:5px 0 0 0; }
.label-column span, .ctrl-column span {line-height:30px;}
.ctrl-column-f{font-size: 13px;vertical-align: top; width:100%; float:left; line-height:30px;color:#000; margin:5px 0 0 0;}

.label-column-f{font-size: 13px;color: #666666;line-height:30px; width:100%; float:left; line-height:26px;margin:5px 0 0 0; }
.ctrl-column{font-size: 13px;vertical-align: top; width:60%; float:left; color:#000; margin:5px 0 0 0; line-height:26px; position:relative;}
.week-row .ctrl-column { line-height:12px !important;}
.orange-but{background: #59ad21;  width: auto; outline: none; padding: 6px 18px 6px 18px; line-height:12px; color: #fff; font-size: 12px; margin: 0 0 0 5px; border: 1px solid #487c0b; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; font-weight: normal; z-index:10;} 
button.orange-but { position:relative; float:right;}
a.orange-but{background: #59ad21;  width: auto; outline: none; padding: 6px 18px 6px 18px; line-height:12px; color: #fff !important; font-size: 12px; margin: 0 0 0 4px; border: 1px solid #487c0b; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; font-weight: normal; z-index:10;} 
a.orange-but:hover, button.orange-but:hover { text-decoration:none !important;}
.disable-but{background: #e6e6e6;  width: auto; outline: none; padding: 6px 18px 6px 18px; line-height:12px; color: #ccc; font-size: 12px; margin: 0 0 0 5px; border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: default; font-weight: normal; z-index:10;} 
input[type="checkbox"] { float:left;}
#payment-table { position:relative;}

.pay-export {width: auto; outline: none; padding: 0px 0px 0px 25px;  font-weight:bold; line-height:24px; color: #000; font-size: 12px; margin: 0 0 0 5px; background: url(../images/excel.gif) no-repeat 0px 2px; height:24px; border:0px; z-index:1000; cursor:pointer;position: absolute; left: 10px; top:0px; }

.label-header{font-weight:normal; font-size:14px;color: #59ad21;line-height:30px;  width:100%; float:left; margin:10px 0 0 0; }
.label-number-header{font-weight:normal; font-size:17px;color: #666666;  width:100%; float:left; margin:0px; }
.label-title-header{font-weight:normal; font-size:12px;color: #666666;  width:100%; float:left; margin:0 0 0 5px; }


/***************************
LAYOUT REGULAR SECTION
****************************/
a .last, a img{ border:none;}
a, a:link{ color:#0c70bd; outline:none;}
a:hover { text-decoration:underline;}
ul, ol { padding: 0; margin: 0 0 10px 25px; }
ul ul,  ul ol, ol ol, ol ul { margin-bottom: 0; }
li { line-height: 18px; }
ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; }
.align-center {margin:0 auto}
.align-left {float:left;}
.align-right {float:right;}
.more-link { width:auto !important; float:right !important; color:#59ad21; font-size:12px;  border:0px; cursor:pointer;}
.more-link:hover {text-decoration:underline !important; background:none !important;}
.nopadding { padding:0 !important;}
.no-display { display:none;}
ul.listing { width:100%; float:left; margin:15px 0 0 15px; }
	ul.listing li { list-style:none; width:98%; float:left;  }
	ul.listing li a { width:100%; float:left; line-height:16px; font-size:11px; color:#000; font-weight:bold;}
	ul.listing li a:hover { color:#59ad21;}
.grey-border { border:1px solid #ccc; width:49%; float:left; margin:5px 0 0px 5px; }
.grey-border-f { border:1px solid #ccc; width:99%; float:left; margin:5px 0 0px 5px; }
.edit-link { float:right; margin:15px 0 0 0; cursor:pointer; color:blue !important; background:none; border:none;}
.edit-link-1 { cursor:pointer; color:blue !important; background:none; border:none; position:absolute; right:17px; top:50px; z-index:9; font-size:15px;}
.no-mar { margin:0px;}
.bor-bot { border-bottom:1px dotted #858585; padding:0 0 10px 0;}

#btnNewUser:hover {text-decoration:underline}
.count { float:right;}
.link-section{ background:#fafafa; float:left; font-weight:normal; text-align:right; width:97%; text-align:right; height:25px; line-height:25px; padding:0 15px 0 0; border-bottom:1px dotted #666; border-top:1px dotted #666;}
.link-section a { font-size:11px;}
.add-cart-but{width: auto; outline: none; padding: 0px 0px 0px 30px;  font-weight:bold; line-height:24px; color: #000; font-size: 12px; margin:0; background: url(../images/add-to-cart.png) no-repeat 0px 0px; height:24px; border:0px; z-index:1000; cursor:pointer;position: absolute; left: 10px; top:0px; }


/****************************
FOOTER SECTION
****************************/
#footerpane{width:100%; background:#131a24; float:left; line-height:36px; height:36px; margin:0;}
.login-footer {position:fixed; bottom:0px;}
#footerpane div.fleft { width:49%; padding:0 0 0 1%; float:left; line-height:36px; color:#fff; text-align:left; font-size:12px;}
#footerpane div.fleft a { color:#fff; font-size:12px; padding:0 3px;}
#footerpane div.fright {  width:49%; padding:0 1% 0 0;  float:left; line-height:36px; color:#fff; text-align:right; font-size:12px;}
ul.social-links { width:auto; float:right; list-style:none; margin:8px 0 0 0;}
ul.social-links li {list-style:none; float:left; width:28px; height:24px; }
ul.social-links li a { width:24px; height:24px; float:left; padding:0 2px; background:url(../images/sep.png) no-repeat right top;}
ul.social-links li a.last { background:none;}
ul.social-links li.tweeter { background:url(../images/social-icon.png) no-repeat 0px 0px;}
ul.social-links li.lin { background:url(../images/social-icon.png) no-repeat 0px -24px;}
ul.social-links li.fb { background:url(../images/social-icon.png) no-repeat  0px -48px;}

/***************************
OTHERS SECTION
****************************/

.GridCellRight
{
    text-align:right;
}
.GridCellCenter
{
    text-align:center;
}
/***************************
Popup
****************************/
.PopUpPanelHeader
{
    background-color: #E3E3E3;
    height: 35px;
    box-shadow: 0px 0px 0px 0px #000000;
    border-radius: 5px;
}
.PopUpPanel{display: none;position: fixed;background-color: #FFFFFF;top: 5%;left: 25%;z-index: 2001; /*min-width: 90%;     max-width: 90%;*/padding: 0px;border: 1px solid #CCCCCC;-moz-box-shadow: 3.5px 4px 5px #000000;-webkit-box-shadow: 3.5px 4px 5px #000000;box-shadow: 3.5px 4px 5px #000000;border-radius: 5px;-moz-border-radiux: 5px;-webkit-border-radiux: 5px;}

.ErrorControl{border:1px dotted red !important;}

/***************************
FORM SECTION
****************************/
.label-column-tbl{font-size: 13px; color: #666666; padding:8px;}
.ctrl-column-tbl {font-size: 13px; color: #000000; padding:8px;}
.header-column-tbl {background-color:#DDD; border:0px solid #AAA; border-top-width:1px;padding:3px;}

/*added by Mega */
span.question{background: url(../Images/info.png) no-repeat left bottom;cursor: pointer;display: inline-block;width: 16px;height: 16px;font-size: 8px;font-weight: normal;text-align: center;position: absolute; right:-10px; top:5px;}
.crt-user span.question {right:15px;}
div.tooltip .questionarrow{margin-bottom: 8px;margin-top: -5px;color: White;}
div.tooltip{border: 1px solid #9a9a9a;background-color: #f1f1f1;position: absolute;left: 25px;top: -25px;z-index: 1000000;overflow-y: scroll border-radius: 5px;word-wrap: normal;-ms-word-break: break-all;word-break: break-all;}
div.tooltip:before{border-color: transparent #9a9a9a transparent transparent; content: "";display: block;height: 0;width: 0;line-height: 0;position: absolute;top: 40%;left: -6px;}
div.tooltip table{padding: 1px;text-align: left;width: 100%;}
div.tooltip td{font-size: 11px;color: #333333;line-height: 20px;}
div.tooltip th{font-size: 11px;color: #59ad21;font-weight: bold;text-align: left;border: 0px dotted #ccc;border-bottom-width: 1px;}
div.tooltip p{margin: 0px 0px;position: relative;font-size: 10px; page-break-before: always;word-wrap: break-word;-moz-hyphens: auto;-webkit-hyphens: auto;-o-hyphens: auto;hyphens: auto;width: 350px;}
.Active{color:Blue;}

/* end */

#ConfirmPaymentRenewal .label-column, #divConfirmRenewal  .label-column { width:20%; line-height:30px;}
#ConfirmPaymentRenewal .ctrl-column, #divConfirmRenewal  .ctrl-column   { width:80%; line-height:30px;}

.filter-active { font-weight: bold; color:#000 !important;  background-color: #ffdfaf!important;}
.disabled-txt { color:#bebdbd !important; text-decoration:none !important; cursor:default; outline:none; }
.DataTables_sort_icon { float:right; position:relative; margin:-1px 0 0 0;}
.showAll { display:none}
.empty-grid { width:100%; text-align:center; float:left; border:1px solid #fafafa; height:12px; padding:93px 0;}
.dataTables_info { margin:0 !important; background:#f1f1f1; width:49%; padding:0 0 0 1%; height:22px; line-height:22px;}
.dataTables_paginate { margin:0 !important;  width:49% !important; background:#f1f1f1; padding:0 1% 0 0;}
.dataTables_length {padding:0  1%}
.mu-pop .left-col { width:445px;}
.mu-pop .right-col { width:425px;}
.mu-pop .middle-col { width:79px;}
.mu-pop .label-column { width:35%;}
.mu-pop .ctrl-column { width:65%;}
.mu-pop .ctrl-column .input-txt{ width:240px !important;}
 .mu-pop .ctrl-column select { width:252px !important;}
 .mu-pop .right-col  .label-column { width:20%;}
 .mu-pop .right-col  .ctrl-column { width:80%;}
.chk-box-column { width:30px !important; padding:0px !important;}
.no-wrap-clmn { white-space:nowrap;}


.patent-info .label-column { width:28%; line-height:15px; font-weight:bold; font-size:12px;}
.patent-info .ctrl-column span { line-height:15px;}
.patent-info .ctrl-column { width:72%; line-height:15px;}

.profile-form .label-column { width:35%; line-height:15px; font-weight:bold; font-size:12px;}
.profile-form .ctrl-column span { line-height:15px;}
.profile-form .ctrl-column { width:65%; line-height:15px;}

.patent-info .form-row, .order-det .form-row, .pay-det .form-row, .profile-form .form-row { border-bottom:1px dotted #ccc;}
.order-det .label-column { width:150px; line-height:15px; font-weight:bold; font-size:12px;}
.order-det .ctrl-column span { line-height:15px;}
.order-det .ctrl-column { width:auto; line-height:15px;}
.pay-det .label-column { width:100px; line-height:15px; font-weight:bold; font-size:12px;}
.pay-det .ctrl-column span { line-height:15px;}
.pay-det .ctrl-column { width:auto; line-height:15px;}
#spnShoppingCartCount{background: green; color: #fff; padding: 0 3px; font-size: 11px; height: 15px; border: 2px solid #fff;} 

.wid-100 { width:100px !important;}
#dropZone, #dropZoneAttachments { width:100% !important; height:auto !important; padding:10px 0 !important;}
.dataTables_empty { text-align:center; vertical-align:middle !important;}






/***************************
LOGIN SECTION
****************************/
#drop { display:none; background-color:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0,0,0,0.15);border-radius: 0 0 4px 4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box; position:absolute; top:28px; right:0px; width:250px;  z-index:100; padding:5px; }
.login-bg { width:96.5%;  float:left;  float:left; font-size:13px;   }
.log-sep { width:100%;  height:2px;}
.input-txt-un{width: 200px;float: left;height: 28px;background: url(../images/email-box-bg.png) no-repeat;border:0px; height:34px; color:#000; line-height: 34px;padding: 0 30px 0 10px;}
.input-txt-pass{width: 200px;float: left;height: 28px;background: url(../images/pass-box-bg.png) no-repeat;border:0px; height:34px; color:#000; line-height: 34px;padding: 0 30px 0 10px;}
.resetpasswordlink { float: right !important; margin-right: 15px !important; font-size: 12px; margin-top: 12px;}
.reg-link { outline: none; text-decoration: none; color: #0c70bd !important; font-size: 12px !important; }
.reg-link:hover { background:none !important; text-decoration:underline !important; cursor:pointer;}



ul.ulSubMenu    { border-collapse:collapse; border-width:0px; border-style:solid; border-color:green; background-color:#131a24; z-index:1000;}
ul.ulSubMenu li { border-collapse:collapse; border-width:1px; border-top-width:0px; border-style:solid; border-color:#888888; list-style-type:none; padding:10px; width:100px; z-index:1000; }
ul.ulSubMenu li a { color:White;}
.customer-login { width:100%; float:left; margin:10% 0;}
.customer-login .page-margin-wrapper { width:980px; margin:0 auto;}


.InProgress {border-collapse:collapse;border:1px dotted #CCCCCC;width:50%;height:50px;text-align:center;padding-top:20px;font-size:12px;}
.CurrencySymbol {color:Black;}

.section-box { width:33%; border:1px solid #6b6b6b; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.more-box { background:#6b6b6b; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; float:left; width:98%; padding:1% 2% 1% 0;}
.section-link td { vertical-align:middle;}
.img-td { width:30%; text-align:center;}
.sec-title-box {  font-family: Segoe UI,Helvetica,Arial,sans-serif; font-size:30px; color:#000; text-align:right; width:98%; float:left; padding:0 2% 0 0;}
.sec-title-box-2 {font-family: Segoe UI,Helvetica,Arial,sans-serif; font-size:18px; color:#59ad21; text-align:right; width:98%; float:left; padding:0 2% 0 0;}
.txt-sec-box { vertical-align:top !important; padding:10px 0 0 0;}
.splitups-txt td { width:33%; font-family: Segoe UI,Helvetica,Arial,sans-serif; font-size:18px; color:#59ad21; text-align:left; padding:10px 0;  }
.splitups-txt td span { color:#000; width:100%; float:left;}

.da-link-imp{ border-radius: 30px; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); color: #fff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border: 8px solid rgba(255,255,255,0.8); padding: 5px 20px 5px 20px; font-size: 18px; line-height: 30px; width: 120px; display:inline-block; text-align: center; background:#59ad21; font-weight:normal !important; }


div#divToolTipperPopUp {
        display: none;
        position: absolute;
        width: 280px;
        padding: 10px;
        background: #eeeeee;
        color: #000000;
        border: 1px solid #1a1a1a;
        font-size: 90%;
      }

