html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q, cite, ins, del, dfn, a, div, span, pre, hr, address, br, b, i, sub, sup, big, small, tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, input, label, textarea, button, fieldset, legend, select, option, optiongroup, ul, ol, li, dl, dt, dd, code, var, kdb, samp, img, object, param, map, area, bdo, iframe { padding:0; margin:0; }
html {height:100%;}
body {height:100%; font:62.5%/1.6em Tahoma, Arial, Verdana, sans-serif; color:#5c5c5c; background:#e9eaec url(../images/bg_page.gif) repeat-x;}
a {color:#5c90bb; cursor:pointer;}
a:hover {text-decoration:none;}
.clear {clear:both;}
.tcenter {text-align:center;}
.tright {text-align:right !important;}
.fleft {float:left;}
.fright {float:right !important;}
h1 {font-size:2.7em;} h2 {font-size:2.3em;} h3 {font-size:1.4em;} h4 {font-size:1.2em;}
h1, h2, h3, h4 {line-height:1.2em;}
li {list-style:none;}
img {border:0;}
.img {display:block;}
input {vertical-align:middle;}
input.btn {cursor:pointer;}
input.txt {font:1em Arial, Helvetica, sans-serif; color:#545454; border:1px solid #b4b4b4; padding:3px 4px; background:#fff;}
textarea {font:1em Arial, Helvetica, sans-serif; color:#545454; border:1px solid #b4b4b4; padding:3px 4px 2px; background:#fff;}
select {background:#fff; color:#545454;}
.wrapper {overflow:hidden; zoom:1;}
.noPadB {padding-bottom:0 !important;}
.noMargB {margin-bottom:0 !important;}
.noMargR {margin-right:0 !important;}
a.arr {padding-left:9px; background:url(../images/arrow1.gif) 0 0.4em no-repeat;}
/*--------------Page-----------------*/
.t-space {height:34px;}
.b-space {height:30px;}
.all {width:780px; margin:0 auto; background:#6d97ba;}
.all .t {height:4px; margin-bottom:-4px;}
.all .b {height:4px; margin-top:-4px;}
.all .tl,.all .tr,.all .bl,.all .br {height:4px; width:4px; float:left; background:url(../images/corn-all.gif) no-repeat;}
.all .tr {float:right; background-position:100% 0;}
.all .bl {background-position:0 100%;}
.all .br {float:right; background-position:100% 100%;}
.all .content {padding:4px; background:url(../images/bg_all-c.jpg) no-repeat;}
.header-box {background:url(../images/bg_header.png) no-repeat; margin:0 -3px 0 -2px; height:105px; position:relative;}
.logo {float:left; background:url(../images/logo.png) no-repeat; width:179px; height:47px; margin:28px 0 0 32px; display:inline;}
.logo a {float:left; width:179px; height:47px; text-indent:-1000em; position:relative;}
.contact {float:right; padding:33px 69px 0 0; font-size:1.3em; color:#435a6e;}
.contact img {display:block;}
.main {width:762px; margin:0 auto;}
.main .t {height:23px; background:url(../images/bg_main-t.png) no-repeat; margin:0; position:relative; z-index:1;}
.main .b {height:5px; background:url(../images/bg_main-b.png) no-repeat; margin:0;}
.main .content {padding:1px 21px 5px; background:url(../images/bg_main-c.png) repeat-y;}
.tabs {height:44px; width:762px; margin:0 auto -2px; font-size:1.2em; font-weight:bold;}
.tabs li {float:left; height:44px; margin-right:2px;}
.tabs li a {float:left; height:44px; color:#fdfdfd; text-decoration:none; overflow:hidden;}
.tabs li a:hover span.txt {text-decoration:underline;}
.tabs li a span.body {float:left; height:40px; background:url(../images/tab-bg.png) no-repeat; padding:8px 15px 0 7px;}
.tabs li a span.tab-r {float:left; width:4px; height:100px; background:url(../images/tab-bgR.png) no-repeat;}
.tabs li a span.n {float:left; background:url(../images/tab-num.png) no-repeat; padding:0; width:21px; height:30px; padding-left:4px; line-height:14px;}
.tabs li a span.txt {float:left; background:none; padding:0; line-height:14px; margin-top:-1px;}
.tabs li.dis a:hover span {text-decoration: none; cursor: default;}
.tabs li.act {height:69px; filter:none; margin-bottom:-23px; margin-top:-4px; position:relative; z-index:2;}
.tabs li.act a {color:#f00; height:69px;}
.tabs li.act a:hover span {text-decoration:none;}
.tabs li.act a span.body {background:url(../images/tab-bgA.png) no-repeat; position:relative; z-index:2; height:59px; padding-top:12px;}
.tabs li.act a span.tab-r {background:url(../images/tab-bgRA.png) no-repeat; position:relative; z-index:2;}
.tabs li.act a span.n {background:url(../images/tab-numA.png) no-repeat; color:#fff;}
.main h2 {color:#f00; border-bottom:1px solid #e1e1e1; padding-bottom:13px; margin-bottom:15px;}
.main h2 img {display:block;}
.main p {font-size:1.2em; line-height:1.6em; margin-bottom:19px;}
.main ul,.main ol {margin-bottom:12px;}
.main ul li {list-style:disc; margin-left:20px;}
.main ol li {list-style:decimal; margin-left:25px;}
.main li,.main dt,.main dd,.main blockquote {font-size:1.2em;}
.main li li,.main li p,.main li dt,.main li dd,.main li blockquote {font-size:1em;}
ul.step-row {background:#f2f2f2; border:1px solid #d7d7d7; border-left:0; font-weight:bold; height:45px; margin-bottom:22px;}
ul.step-row li {height:45px; float:left; list-style:none; margin-left:0; font-size:1.1em; border-left:1px solid #d7d7d7;}
.step-row li dt {height:34px; float:left; background:#fdfdfd url(../images/stepRow-arr.gif) 100% 0 no-repeat; padding:9px 16px 0 11px; font:bold 2.1em Arial; color:#e8000c;}
.step-row dd {float:left; padding:16px 24px 0 9px;}

.form-create {width:350px; margin:30px auto 60px;}
.form-create .content {padding-top:18px;}
.form-create ul li {list-style:none; margin-left:0; font-size:1.1em; margin-bottom:6px;}
.form-create li label {font-weight:bold; display:block; margin-bottom:4px;}
.form-create li input.txt {width:316px;}
.form-create li textarea.txt {width:316px;}

.form-create .sep {margin:0 -11px 9px; border-bottom:1px solid #d7d7d7; height:1px;}

ul.list-form li {list-style:none; margin-left:0; padding-bottom:4px;}
.list-form li.padd1 {padding-left:17px; _padding-left:25px;}
.w-216 {width:216px;}
.w-326 {width:326px;}

.cols2 {overflow:hidden; zoom:1;}
.cols2 .col1 {float:left; width:350px;}
.cols2 .col2 {float:right; width:350px;}

.footer {padding:10px 23px 8px 27px; font-size:1.1em; color:#fff;}
.footer a {color:#fff;}
.logo-foot {margin-right:9px;}
.logo-foot img {vertical-align:middle; margin-top:-5px;}
.foot-nav {float:right; color:#9ccde9; margin-top:6px;}
.foot-nav a {margin:0 3px;}

.box-gr2 {background:#f2f2f2; border:1px solid #d7d7d7;}
.box-gr2 .t {height:2px; background:#f2f2f2;}
.box-gr2 .tl {margin:-1px 0 0 -1px; position:relative;}
.box-gr2 .tr {margin:-1px -1px 0 0; position:relative;}
.box-gr2 .b {height:1px; background:#f2f2f2;}
.box-gr2 .bl {margin:0 0 -1px -1px; position:relative;}
.box-gr2 .br {margin:0 -1px -1px 0; position:relative;}
.box-gr2 .tl,.box-gr2 .tr,.box-gr2 .bl,.box-gr2 .br {height:2px; width:2px; background-image:url(../images/box-gr2-corn.gif);}
.box-gr2 .content {padding:7px 11px 8px; background:#f2f2f2; position:relative;}
.box-gr2 h3 {font-size:1.8em; font-weight:normal; color:#e8000c; margin-bottom:3px;}
.box-gr2 p {font-size:1.1em; line-height:1.46em; margin-bottom:11px; text-align:justify;}
.description p {font-size:1.1em; line-height:1.46em; margin-bottom:11px; text-align:justify;}
.box-gr2 .vision {background:#fdfdfd; margin:5px -11px 13px; padding:27px 10px 24px;}
.box-gr2 .vision img {display:block; margin:0 auto;}
.box-gr2 .btns {overflow:hidden; zoom:1; font-size:1.1em; padding-top:2px;}
.box-gr2 .abs {position: absolute;bottom: 20px; width: 325px;}
.box-gr2 .btns .btn {margin-left:5px; margin-top:-2px; float:right;}

.mainCrtls {margin:10px -20px -5px; background:#f2f2f2; border-top:1px solid #d7d7d7; padding:19px 17px 11px 19px; overflow:hidden; zoom:1;}
.mainCrtls a {margin:0 2px;}
/*-----------------------------------------*/

.box-gr { background:#9b9b9b url(../images/box-gr-bg.gif) repeat-x;}
.box-gr .t {height:2px; margin-bottom:-2px; background:none;}
.box-gr .b {height:2px; margin-top:-2px; background:none;}
.box-gr .tl,.box-gr .tr,.box-gr .bl,.box-gr .br {height:2px; width:2px; background-image:url(../images/box-gr-corn.gif);}
.box-gr .c {padding:8px;}
.keypadType-1 {width: 664px;}
.keypadType-2 {width: 450px;}
.funcKeys {margin:0 auto 26px;}
.funcKeys .keys {overflow:hidden; zoom:1; color:#373737; margin-bottom:0;}
.funcKeys .keys li {background:url(../images/key-bg.gif) no-repeat; width:72px; height:72px; float:left; margin:0; list-style:none; cursor:pointer;}
.funcKeys .keys li.edit {background:url(../images/key-bgA.gif) no-repeat; color:#722e31;}
.funcKeys .keys li .st {width:58px; height:58px; margin:7px 0 0 7px; float:left; display:inline;}
.funcKeys .keys dl {position:relative; width:58px; height:58px;}
.funcKeys .keys dt {font-size:11px; line-height:19px; font-weight:bold; text-align:right; padding:5px 4px 0; position:absolute; width:50px; left:0; line-height:1.2em; word-wrap:break-word;}
.funcKeys .keys dd {font-size:13px; font-weight: bold; text-align:right; padding:0 5px; position:absolute; width:48px; bottom:6px;}

div.Fader {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:20; opacity:0.2; filter: alpha(opacity = 20);}

div.popup-window {position: absolute;z-index:21;}
.pop-keys {position:relative; width:452px;z-index:100;}
.pop-keys div.caption {cursor:move;}
.pop-keys .t {background:url(../images/pop-t.png) no-repeat; height:12px;}
.pop-keys .b {background:url(../images/pop-b.png) no-repeat; height:14px;}
.pop-keys .content {background:url(../images/pop-c.png) repeat-y; padding:11px 24px 4px;}
.pop-keys h2 {color:#e8000c; font-size:1.2em; margin-bottom:4px;}
.pop-keys h2 .side {float:right; margin:2px;cursor:pointer;}
.pop-keys .sep {border-bottom:1px solid #e1e1e1; height:8px; margin-bottom:12px;}
.pop-keys p {font-size:1.2em;}
.pop-keys li {font-size:1.1em; margin-bottom:8px; $margin-bottom:4px;}
.pop-keys strong.st {color:#4d6a83;}
.pop-keys .radio-list label {font-size:1.1em; margin-right:3px;}
.pop-keys .f-rad-chkd .st {color:#e8000c;}
.pop-keys .radioL input {vertical-align:middle;}
.pop-keys .label-list {margin-top:-7px; $margin-top:-3px; margin-bottom:12px;}
.pop-keys .label-list li {clear:both; padding-top:7px; $padding-top:3px;}
.pop-keys .label-list label {display:block; font-weight:bold; margin-bottom:3px;}
.pop-keys .label-list label.radioL {display:inline; font-weight:normal;}
.pop-keys .label-list input.txt {width:163px; margin-right:7px;}
.pop-keys .label-list select {width:173px; margin-right:7px;}
.pop-keys .label-list .inf {color:#888; font-size:0.9em; line-height:1.3em; width:160px; margin-top:3px;}
.pop-keys .label-list .inf2 {margin-top:-2px;}
.pop-keys .label-list input.txt, .pop-keys .label-list select,.pop-keys .label-list .inf {float:left;}
.pop-keys p.count-note {font-size: 1.1em;}

.pop-keys .remain-keys {margin: 0 auto; font-size: 1.1em; text-align: center;}
.pop-keys .remain-keys input, .pop-keys .remain-keys select {width: 100px;}

.key-colors {overflow:hidden; zoom:1; background:#5c5c5c; color:#373737; padding:10px 5px 10px 10px; margin:0 -14px 5px;}
.key-colors li{float:left; margin:0; list-style:none;text-align: center;}
.key-colors li .prev {display:block; margin-bottom:3px;}
.key-colors li.keyB {background:url(../images/key-bg.gif) no-repeat; width:72px; height:72px; float:left; margin:0 6px 0 0; list-style:none; text-align:left;}
.key-colors li.keyB .st {width:58px; height:58px; margin:7px 0 0 7px; float:left; display:inline;}
.key-colors li.keyB dl {position:relative; width:58px; height:58px;}
.key-colors li.keyB dt {font-size:11px; line-height:19px; font-weight:bold; text-align:right; padding:5px 4px 0; position:absolute; left:0; width:50px; line-height:1.2em; word-wrap:break-word;}
.key-colors li.keyB dd {font-size:13px; text-align:right !important; padding:0 5px; font-weight: bold; position:absolute; width:48px; bottom:6px;}

.pop-ctrls {padding:8px 0 1px; overflow:hidden; zoom:1; margin:0 -1px 0 -5px;}
.pop-ctrls a {margin:0 3px;}

.fader,.pop-keys {di splay:none;}

.funcKeys .keys .keys-st1, .keyB .keys-st1 {background:url(../images/key-bg1.gif) no-repeat;}
.funcKeys .keys .keys-st2, .keyB .keys-st2 {background:url(../images/key-bg2.gif) no-repeat;}
.funcKeys .keys .keys-st3, .keyB .keys-st3 {background:url(../images/key-bg3.gif) no-repeat;}
.funcKeys .keys .keys-st4, .keyB .keys-st4 {background:url(../images/key-bg4.gif) no-repeat;}
.funcKeys .keys .keys-st5, .keyB .keys-st5 {background:url(../images/key-bg5.gif) no-repeat;}
.funcKeys .keys .keys-st6, .keyB .keys-st6 {background:url(../images/key-bg6.gif) no-repeat;}
.funcKeys .keys .keys-st7, .keyB .keys-st7 {background:url(../images/key-bg7.gif) no-repeat;}
.funcKeys .keys .keys-st8, .keyB .keys-st8 {background:url(../images/key-bg8.gif) no-repeat;}

.error ul li
{
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 15px;
	list-style-type: inherit;
}
.contype-descr ul li
{
	margin-left: 15px;
	list-style-type: inherit;
}
.txt-error{	color: Red;}
.error span {font-weight: bold;}
.radio label
{
	display: inline !important;
}

.preloader {height:1px; width:1px; overflow:hidden; position:absolute; top:-10000em; left:-10000em;}
.preload{
	position:fixed;
	top:0;
	left:50%;
	margin-left:-49px;
	z-index:999;
}

.conf-details {font-size: 1.2em;margin: 0 auto 20px;width: 500px;}
.conf-details .left-cell {width: 355px;}

.keypadType-print-1 {width: 486px;}
.keypadType-print-2 {width: 324px;}

.funcKeys2 {margin: 0 auto 20px;}
.funcKeys2 .keys {overflow:hidden; zoom:1; color:#373737; margin-bottom:0;}
.funcKeys2 .keys li {background:url(../images/btn1.gif) no-repeat; width:50px; height:54px; float:left; display:inline; margin:2px; list-style:none;}
.funcKeys2 .keys li .st {width:50px; height:54px; float:left; display:inline;}
.funcKeys2 .keys dl {position:relative; width:50px; height:54px;}
.funcKeys2 .keys dt {font-size:9px; line-height:19px; font-weight:bold; text-align:right; padding:5px 4px 0; position:absolute; left:0; width:42px; line-height:1.2em; word-wrap:break-word;}
.funcKeys2 .keys dd {font-size:11px; text-align:right; padding:0 4px; font-weight: bold; position:absolute; width:40px; bottom:6px;}

.funcKeys2 .keys .keys-st1 {background:url(../images/btn1.gif) no-repeat;}
.funcKeys2 .keys .keys-st2 {background:url(../images/btn2.gif) no-repeat;}
.funcKeys2 .keys .keys-st3 {background:url(../images/btn3.gif) no-repeat;}
.funcKeys2 .keys .keys-st4 {background:url(../images/btn4.gif) no-repeat;}
.funcKeys2 .keys .keys-st5 {background:url(../images/btn5.gif) no-repeat;}
.funcKeys2 .keys .keys-st6 {background:url(../images/btn6.gif) no-repeat;}
.funcKeys2 .keys .keys-st7 {background:url(../images/btn7.gif) no-repeat;}
.funcKeys2 .keys .keys-st8 {background:url(../images/btn8.gif) no-repeat;}

.funcPrintKeys2 {margin: 0 auto 20px;}
.funcPrintKeys2 .keys {overflow:hidden; zoom:1; color:#373737; margin-bottom:0;}
.funcPrintKeys2 .keys li {background:url(../images/btn1.gif) no-repeat; width:50px; height:54px; float:left; display:inline; margin:0px; list-style:none;}
.funcPrintKeys2 .keys li .st {width:50px; height:54px; float:left; display:inline;}
.funcPrintKeys2 .keys dl {position:relative; width:50px; height:54px;}
.funcPrintKeys2 .keys dt {font-size:9px; line-height:19px; font-weight:bold; text-align:right; padding:5px 3px 0; position:absolute; left:0; width:44px; line-height:1.2em; word-wrap:break-word;}
.funcPrintKeys2 .keys dd {font-size:11px; text-align:right; padding:0 4px; font-weight: bold; position:absolute; width:40px; bottom:6px;}

.funcPrintKeys2 .keys .keys-st1 {background:url(../images/btn1.gif) no-repeat;}
.funcPrintKeys2 .keys .keys-st2 {background:url(../images/btn2.gif) no-repeat;}
.funcPrintKeys2 .keys .keys-st3 {background:url(../images/btn3.gif) no-repeat;}
.funcPrintKeys2 .keys .keys-st4 {background:url(../images/btn4.gif) no-repeat;}
.funcPrintKeys2 .keys .keys-st5 {background:url(../images/btn5.gif) no-repeat;}
.funcPrintKeys2 .keys .keys-st6 {background:url(../images/btn6.gif) no-repeat;}
.funcPrintKeys2 .keys .keys-st7 {background:url(../images/btn7.gif) no-repeat;}
.funcPrintKeys2 .keys .keys-st8 {background:url(../images/btn8.gif) no-repeat;}

.font-11 li {font-size: 1.1em !important;}
.txt-inline {display: inline !important;}
.form-create label.hint {float: right; font-weight:normal;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: none;
	background-color: #eee;
	padding:20px;
	opacity: 0.95;
	width: 210px;
	height: 135px;
	background: url('../images/tooltip-shadow.png');
}
#tooltip div { margin: 0; text-align: justify; }

#tooltip h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	text-align: center;
}	

.h-585 {height: 585px;}

.inactive
{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0px;
}

.inactive.overlay
{
	height: 100%;
	background-color: #010101;
	opacity: 0.40;
	filter:alpha(opacity=40);
	-moz-opacity: 0.40;
	z-index: 10;
}

.inactive.message
{
	background-color: #f5f983;
	color: Red;
	font-weight: bold;
	font-size: 14px;
	margin: 130px 0;
	text-align: center;
	z-index: 20;
	width: 348px;
	border: 1px solid black;
}
.inactive.message div
{
	padding: 5px;
}