body {background-color: #DEEBD1; background:#DEEBD1 url('fieldsofpeace.jpg') no-repeat fixed  top left; font-family: Arial, Helvetica, "sans serif"; font-size: 70%; color: #618045; text-align: center; }
body#olt {background-color: #ffffff; font-family: Arial, Helvetica, "sans serif"; font-size: 70%; color: #618045; text-align: left; }
#oinst{margin-left:5px; margin-top:5px; padding-left: 5px; padding-right: 5px; margin-bottom:-5px;}
#pnt1 {color:#1028AE; margin-top:5px; }
#pnt2 {color:#618045;  margin-top:.5em; }
div#head {background-color: #ffffff; width: 985px; text-align: left; margin: 0 auto; border-top-left-radius:5px; border-top-right-radius:5px; position:relative}
div#main {background-color: #ffffff; width: 985px; text-align: left; margin: 0 auto; }
div#logeen {float:right; FONT-WEIGHT: bold; LINE-HEIGHT: 1.5; width: 125px; margin-top: 15px; height:6.5em; position:relative}
html>body div#logeen input {margin-bottom:-5px}
div#logeen .log {color: #618045; BORDER: 1px solid #DEEBD1; WIDTH: 94px; font-size: 90%; margin-bottom: 4px; padding-left: 3px }
div#logeen a {color: #618045; iTEXT-DECORATION: none; font-size:80%;}
div#logeen div#links {position:absolute;bottom:1.5em}
div#logeen div#user {color: #618045; font-size:80%;position:absolute;bottom:0}
div.nav {clear: both; width: 985px; height: 2.3em; BACKGROUND-COLOR: #618045; }
div.nav .cur {width: 94px; height: 2.3em; line-height: 2.3; COLOR: #ffffff; BACKGROUND-COLOR: #99bf72; TEXT-DECORATION: none; text-align: center;  float:left; overflow: hidden; }
div.nav a {width: 94px; height: 2.3em; line-height: 2.3;  COLOR: #DEEBD1; BACKGROUND-COLOR: #618045; TEXT-DECORATION: none; text-align: center; float:left; overflow: hidden; border-right:1px solid #799f52; }
div.nav a:hover {color: #ffffff; }
div.nav .help {itext-align:left; ipadding-left:5px; iwidth:125px; float:right; border-left:1px solid #799f52; border-right:none}
html>body div.nav .help {iwidth:120px}
div.nav #help {width:125px}
html>body div.nav #help {iwidth:120px}
div#snav {clear: both; width: 985; height: 2.2em; BACKGROUND-COLOR: #99bf72; }
div#snav a {width: 94px; height: 2.2em; line-height: 2.2;  COLOR: #618045; BACKGROUND-COLOR: #99bf72; TEXT-DECORATION: none; text-align: center; float: left; overflow: hidden }
div#snav a.rite {iwidth:125px; float:right; text-align:left; }
div#snav a#rite {width:125px}
div#snav a:hover {color: #ffffff}
div#snav a.operator {width:10px}
h1 {font-family:"Century Gothic", Helvetica, Verdana; font-size:1.8em; color: #1028AE; font-weight: normal; margin-top:7; margin-left:17px; margin-bottom:7; }
#cont {background-color: #ffffff; width: 985px; text-align: left; margin: 0 auto; position:relative;;}
#l_cont {width:150; border-top:1px solid #DEEBD1; margin: 0 auto; position: absolute; top: 0px; left: 0px; }
#l_cont a.lcont {margin-left:10px; line-height:2em}
#r_cont {width:221px; 166; margin-right: 13px; border-right: 2px solid #9ECB7A; border-bottom: 2px solid #9ECB7A; position: absolute; top: 0px; left: 750px; }
#r_cont_blank {width:235; border-top: 1px solid #DEEBD1; position: absolute; top: 0px; left: 590px; }
#r_cont_in {background-color:#F5FBF1; width: 220px; 165; color:#618045; border-right:1px solid #DEEBD1; border-bottom:1px solid #DEEBD1; border-top:1px solid #9ECB7A; }
h2 {background-color:#9ECB7A; color:#ffffff; padding:5px; font-family:"Century Gothic", Helvetica, Verdana; font-size:1.8em; border: 0 none; margin:0px; font-weight:normal; }
#r_cont_in a {float:left; width:100%; border:2px outset #FFA500; #2C3F7D; height: 1.7em; line-height:1.65em; vertical-align:bottom; background-color: #FFA500; #2C3F7D; color:#ffffff; font-family:"Century Gothic", Helvetica, Verdana; font-size:1.6em; margin:0px; text-decoration: none; overflow:hidden; background-image: url(reg_arrow.gif); background-position:center right; background-repeat: no-repeat;  }
html>body #r_cont_in a {width:216;161px; height: 1.5em; }
#r_cont_in a:hover {background-color: #1C2F6D;border-color:#1C2F6D;}
#r_cont_in a:active {border:2px inset; }
#r_cont_in ul{list-style-type: none; margin-left:5px; margin-top:5px; padding-left: 5px; padding-right: 5px; margin-bottom:-5px;}
#r_cont_in li {color:#1e471d; margin-top:5px; }
#r_cont_in li.two {color:#8fc16a;  margin-top:.5em; }
#r_cont_in div.add {margin-left:10px; }
#r_cont_in em {color:#618045; padding:1px;}
#r_cont_in div.add em {font-weight:bold; font-style:normal; color:#1028AE}
#r_cont_in div.add img {width:10px; height:10px; margin-bottom:-2px; margin-left:1px; margin-right:1px}
#atsign {width:10px; height:10px; margin-bottom:-2px; margin-left:1px; margin-right:1px}
#r_cont_in h5 {font-size:100%; margin-top:.7em}
#c_cont {width: 600px;440px; padding:5px; border-right:1px solid #DEEBD1; border-left:1px solid #DEEBD1; border-top:1px solid #DEEBD1; margin-left:150px;   }
html>body #c_cont {width: 588px; 428px;}
#c_cont_full {width: 600px; 440px; padding:0px; border-right:1px solid #DEEBD1; border-left:1px solid #DEEBD1; border-top:1px solid #DEEBD1; margin-left:150px; }
html>body #c_cont_full {width: 598px; 438px;}
.c_cont_full {width: 642px; 440px; padding:0px; border-right:1px solid #DEEBD1; border-left:1px solid #DEEBD1; border-top:1px solid #DEEBD1; margin-left:130px; }
html>body .c_cont_full {width: 640px; 438px;}
h3 {font-family:"Century Gothic", Helvetica, Verdana; font-size:1.6em; color: #1028AE; font-weight: bold; margin-top:7; margin-left:4px; margin-bottom:20px; text-shadow: 0 1px 2px #B0D8FE; text-align:center}
div.sum {width:560px; 400px; margin:10px; font-weight:bold; line-height:1.5em; text-align:justify; }
div.limeric{text-align:center;font-style:italic;margin:1em}
h4 {font-family:"Century Gothic", Helvetica, Verdana; font-size:1.6em; color: #2C3F7D; width:570px; margin:10px; margin-bottom:7px; font-weight:normal; }
h4 a {color: #2C3F7D; text-decoration:none }
h4 a:hover {color: #2C3F7D; text-decoration:underline }
h7 {font-family:"Century Gothic", Helvetica, Verdana; font-size:120%; color: #2C3F7D; width:400px; margin:10px; margin-bottom:7px; font-weight:normal; }
#c_cont ul {margin-left:2px; margin-top:5px; padding-left:1em; padding-bottom:5px; font-weight:normal; border-bottom:1px solid #9ECB7A; }
#c_cont ul li {list-style: none outside; background-image: url(bullet.gif); background-position:0px 4px; background-repeat: no-repeat; line-height:1.2em; margin-bottom:7px; padding-left:10px }
a.more {font-weight:bold; color:#2C3F7D; float:right; margin-top:-37px; padding-right:13px; text-decoration:none; line-height:1.4em; background-image: url(page.gif); background-position:top right; background-repeat: no-repeat; }
html>body a.more {margin-top:-30px;}
a.more:hover {background-color: #E1E3F2; }
h5 {font-size:120%; color:#1028AE; font-weight:bold; padding-left:13px; margin-top:15px; margin-bottom:2px; margin-left:-3px }
div.ans {width:580px; text-align:justify; padding-left:11px; line-height:1.5em; margin-top:0px; margin-bottom:5px}
html>body div.ans {width:570px; }
div.ans em {color:#1028AE; }
#c_cont ul.small {border:0px; }
#c_cont ul.big {border:0px;padding-left:0px }
#c_cont ul.big li {list-style: none outside url(bullet.gif); line-height:1.3em; margin-left:25px; padding-left:0px; background-image: none} 
#c_cont ul.big li em {color:#1028AE; font-style:normal}
#c_cont ol#faq {margin-left:0px; padding-left :38px; line-height:1.8em}
#c_cont_full table {font-size: 110%; text-align:right; margin-top:0px; width:100%; border-collapse:collapse; line-height:1.8em  }
#c_cont_full thead {font-size:110%; font-weight:bold; BACKGROUND-COLOR: #9ECB7A; color:#ffffff }
#c_cont_full td {font-size: 90%; padding-right:10px; padding-left:17px; border-bottom:1px solid #9ECB7A;vertical-align:top;}
#c_cont_full td:first-child {text-align:left}
#c_cont_full td img {margin-top:0.5em}
#c_cont_full table.comp td {vertical-align: bottom;padding-right: 10px;}
#c_cont_full table.comp td.no {color:#99BF72;}
#c_cont_full table.comp td.rotate {max-width:10px; text-align:initial;height: 310px;}
#c_cont_full table.comp td div {-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); width: 300px; margin-left: -125px; margin-top: -170px;}
#c_cont_full tfoot td {border-bottom:10px solid #9ECB7A; }
#c_cont ol#faq a:visited {color:#1028AE}
#c_cont ol.aus {margin-left:0px; padding-left:28px; border-bottom:1px solid #9ECB7A;padding-bottom:5px; }
#c_cont ol.aus li {line-height:1.5em; margin-bottom:5px; }
#contact {margin-left:80px; margin-top:0px; width: 450px; height:400px; border:0px; }
hr.break {height:1px; border:0px hidden; border-top:1px solid #9ECB7A; }
div.select {margin-right:17px; float:right; color:#1028AE; line-height:1.4em; }
div.select .sel {margin-top:5px; width:135px; font-size:90%}
div.select .but {width:119px; margin-top:10px; font-size:90%}
/*Temporary for tariff.e*/
tr.Mh {font-size:110%; font-weight:bold; text-align:left; BACKGROUND-COLOR: #9ECB7A; color:#ffffff }
tr.Ml {font-size:100%; text-align:left; line-height:2.0em}
a.MhA {COLOR: #ffffff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.MhA:hover {COLOR: #004490}
#c_cont_full ul {padding-left:7px;margin-left:25px}
#c_cont_full li {list-style: none outside url(bullet.gif); line-height:1.3em; margin-left:0px; padding-left:0px; background-image: none} 
#c_cont_full TD.MbI {font-family:"Century Gothic", Helvetica, Verdana; font-size:1.6em; color: #2C3F7D; }
iframe#vs {width:100%; height:70em}

#regiframe {background-color:#ffffff; background-image:none; color:#618045; text-align:left; margin:0px; }
div#topf {margin:0px; padding:5px; padding-bottom:0px; height:32.4em}
html>body div#topf {height:auto; min-height:31.6em}
div#topfe {margin:0px; padding:5px; padding-bottom:0px; height:32.9em}
html>body div#topfe {height:auto; min-height:32em}
#regiframe ul {margin-left:20px; margin-top:5px; margin-bottom:10px; padding-left:0px; padding-bottom:5px; font-weight:normal; border:0px}
#regiframe li {color:#618045; list-style: none outside; background-image: url(bullet.gif); background-position:center left; background-repeat: no-repeat; line-height:1.3em; margin-bottom:7px; padding-left:10px }
#regiframe ul.big li {line-height:2em; }
#regiframe h6 {margin:0px;font-weight:bold; color:#2C3F7D; font-size:1em }
#regiframe h4 {margin:0px;margin-top:5px}
#regiframe h5 {margin-top:5px; margin-left:9px; font-size:1em}
#regiframe h3 {font-family: Arial, Helvetica, "sans serif"; font-weight:bold; margin-top:5px; margin-left:0px;margin-bottom:0px; font-size:1em; color:#618045;}
#regiframe table {font-size: 100%; color:#1028AE; text-align:left; margin-top:0px; width:80%; border-collapse:collapse; }
td.secon {text-align:right}
#regiframe table tfoot {font-weight:bold}
select.p1 {width:204px; margin-left:5px; font-size:90%}
div.submit {border-top:1px solid #9ECB7A; text-align:center; margin-top:6px; margin-left:5px; margin-right:5px; padding-top:8px}
input.butf {width:160px}
div#det div {clear:both; font-weight:bold}
div#det div#half {clear:both; font-weight:bold; width:200; float:left;}
div#det div#subhead {font-size:120%; }
/*div#det div#subhead #inner{font-size:70%; vertical-align:top; text-decoration:none;}*/
.scrnshot {width:150; height:91; border:0}
#inner{font-size:70%; vertical-align:top; text-decoration:none;}
div#det em {float:left; margin-left:7px; width:190px; font-weight:normal; font-style:normal}
div#det emb {clear:both; margin-left:2px; width:auto; font-weight:normal; font-style:italic}
div#det input {width:220; margin-bottom:7px; font-size:90%; float:right; }
div#det input.half {width:103; margin-bottom:7px; font-size:90%; float:right; }
div#det input.small {width:30; margin-bottom:7px; font-size:90%;}
div#det textarea {width:220; margin-bottom:5px; font-size:120%; float:right; }
div#det span.betw {margin-bottom:3px; margin-left:3px; margin-right:3px; font-size:90%; float:right; width:8px; text-align:center; font-weight:bold}
input#dname {width:290; color:#1028AE; font-size:90%; }
select#ext {font-size:90%; color:#1028AE; }
#regiframe table#plan {font-size: 110%; text-align:right; margin-top:0px; width:100%; border-collapse:collapse; line-height:1.8em  }
#regiframe table#plan thead {font-size:110%; font-weight:bold; BACKGROUND-COLOR: #9ECB7A; color:#ffffff }
#regiframe table#plan td {font-size: 90%; padding-right:10px; border-bottom:1px solid #9ECB7A; }
#regiframe table#plan tfoot td {border-bottom:10px solid #9ECB7A; font-weight:normal}
div#det div#detoth input {clear:both;width:auto; margin-bottom:7px; font-size:90%;}
div#det div#ciddcont div#detcid {clear:both;width:75; margin-bottom:7px; font-size:90%; float:left; }
div#det div#ciddcont div#detcidmobile {clear:none;width:75; margin-bottom:7px; font-size:90%; float:right; }
div#det div#ciddcont {width:220; float:right; clear:none;}
div#cidd {width:103; }
/*div#ciddmob {width:103; float:right; }*/
div#det div#detcid input.nofl {clear:both;width:10; font-size:90%; }
div#det input.nofltxt {clear:both;width:30; font-size:90%; float:left; }
div#det input.nofltxtrt {clear:none;width:30; font-size:90%; float:right; }
div#det div#detcidmobile input.nofl {clear:both;width:10; font-size:90%; }
.smallsel {clear:both; width:200; float:left;  }
.smallselrt {clear:none; width:180; float:right;  }
div.popup {width:265px; background-color:#F5FBF1; position:absolute; border:1px solid #DEEBD1;display:none}
div.popup div {padding:7px}
div.popup table {font-size:80%; width:90%}
div.popup table td{width:50%}
div#retc {top:12em; left:420px; width:400px}
div#did {top:0em; left:520px; width: 200px}
div#tollfree {top:23em; left:500px; width: 200px}
img#best {float:right;margin-top:-3em}

div#fullwidth {iwidth: 700px; margin-left:75px; margin-right:75px; background-color:#F5FBF1; padding:5px 10px 0 10px; border:1px solid #DEEBD1; }
html>body div#fullwidth {imargin:0 auto;}
div#fullwidth h4 {width: 640px; text-align:center}
img#pacingratio {width:480px; margin-left:53px}
nl.dialer {border-bottom:1px solid #C4C9E6;margin-top:0}
div.com {background-color:#F5FBF1; color:#618045; border-right:1px solid #DEEBD1; border-bottom:1px solid #DEEBD1; border-top:1px solid #9ECB7A;text-align:center;right;margin:0 0 15px 0}
div#pjcom {height:200px;font-size:1.6em;line-height:1.4em;}
div.com img {float:left; margin:8px 0 10px 10px}

a.d {display:block; width:100%; border:2px outset #FFA51F; height: 1.5em; line-height:1.3em; vertical-align:bottom; background-color: #FFA51F; color:#ffffff; font-family:"Century Gothic", Helvetica, Verdana; font-size:2em; margin:0px; text-decoration: none; overflow:hidden; background-image: url(reg_arrow.gif); background-position:center right; background-repeat: no-repeat;  }
html>body a.d {width:99%;  }
a.d:hover {background-color: #F49B12;}
a.d:active {border:2px inset; }


@media print {
div#head{height:100px; border: 1px solid #1028AE}
div#main{border: 1px solid #1028AE}
div#logeen, div.nav, div#snav, a {visibility:hidden; font-size:1px; line-height:1px; height:1px; }

div#head, div#main, div.nav,#cont,#c_cont,html>body #c_cont,#c_cont_full,html>body #c_cont_full{width: 99%; margin: 0 ;}
div.sum,h4,h6,div.ans,html>body div.ans {width: 90%; }
a.mobhd,#l_cont,#r_cont,#r_cont_blank,div.foot,div.select,span.hd,div#foot   {display:none;}
div.nav div, div.nav a {width: 25%;}
div {border:none}
h1, h2, h3, h4 { ipage-break-after: avoid; }
ul,table {ipage-break-inside: avoid;}
div.numb {ibottom:100px;ileft:200px; top:80px; text-align:right }
div#c_cont {border-right:none; border-left:none}
}

 /****** Added by amits******/
#acc_c_cont {width: 440px; padding:0px; border-right:1px solid #DEEBD1; border-left:1px solid #DEEBD1; border-top:1px solid #DEEBD1; margin-left:150px;   }
html>body #acc_c_cont {width: 440px;}
#acc_c_cont_full {width: 568px; padding:0px; margin-left:10px; }
#acc_c_cont_full table {font-size: 110%; text-align:justify; margin-top:0px; width:100%; border-collapse:collapse; line-height:1.8em  }
/*#acc_c_cont_full table {font-size: 110%; text-align:right; margin-top:0px; width:100%; border-collapse:collapse; line-height:1.8em  }*/
#acc_c_cont_full thead {font-size:110%; font-weight:bold; line-height:1.2em; #9ECB7A; icolor:#ffffff; border-bottom:1px solid #9ECB7A; }
/***The background tick mark mentioned in td below does not print well. Therefore it should be replaced by content images****/
/****Or since dialer.txt uses HTML unicode to draw the tick mark, and ie11 supports it, we should include dialer.txt in dialers.php****/
#acc_c_cont_full td {font-size: 90%; padding:10px 10px 0px 17px; iborder-bottom:1px solid #9ECB7A;vertical-align:top;background: url("tick2.jpg") no-repeat scroll center center; text-shadow:0 1px 1px;center}
#acc_c_cont_full td img {margin-top:0.5em}
#acc_c_cont_full tfoot td {border-bottom:1px solid #9ECB7A; }
#acc_c_cont_full thead td,#acc_c_cont_full td:first-child,#acc_c_cont_full td.no {background:none}
#acc_c_cont_full small {font-size:60%;vertical-align:top;-center}

/************TESTING***************/

div.selectgeo {margin-right:17px; line-height:1.4em; margin:10px;}
div.selectgeo .sel {margin-top:5px; width:135px; font-size:90%}
div.selectgeo .but {width:119px; margin-top:10px; font-size:90%; }
div.equl{ font-family:"Century Gothic", Helvetica, Verdana; margin-left:70%; font-size:23px; font-weight:bold;}

/******Added by deven **********/
#acc_c_cont_full table.comp td {padding-right:1px; padding-left:1px;text-align:center}
#acc_c_cont_full table.comp tr td:first-child, #acc_c_cont_full table.comp td.fi {text-align:right; background:none}
#acc_c_cont_full table.comp td h3 {font-size:1.4em; margin:0 0 5px 0}
div#vidhead {background-color: #ffffff; width: 1024px; text-align: left; padding:10px; margin: 0 auto; border-top-left-radius:5px; border-top-right-radius:5px;}
.registerthumb {width:150; height:150; border:0; margin-bottom:9em}
div#foot {color:#ffffff; width:auto}
div#foot a {color:inherit;}
div#foot a.links {padding-left:10px; margin-left:10px; border-left: 1px solid #DEEBD1;}


/***********Front page stuff Deven Jan 18 2011*************/
#foot1 {clear:both; text-align:center; font-weight: bold; color: #51639D;  margin:0 auto; ifont-size:195%; padding:15px 13% 15px 13%; }
div.haed  {width:495px; height:116px;  margin-left:10px; float:left; font-family: "Century Gothic",Helvetica,Verdana; font-size:2em; font-weight:bold; iborder-bottom:1px solid #9ECB7A;ipadding-bottom:3px;}
html>body div.haed  {height:119px}
div.haed h1 {margin:0px 0px 3px 0px;font-size:2.4em; color:#ffffff; text-shadow:#1028AE 0px 0px 2px; background-color:transparent;#F5FBF1;#99BF72; }
div.haed a.more {font-weight:bold; font-size:0.5em; color:#2C3F7D; float:right; margin-top:-17px ; padding-right:13px; text-decoration:none; line-height:1.4em; background-image: url(page.gif); background-position:top right; background-repeat: no-repeat; }
html>body div.haed a.more {margin-top:-10px ;}
div.haed a.more:hover {color:#ffffff; background-color:transparent; background-image: url(pagew.gif)}
div.haed .progressbar {width:0; height:1px; margin:9px 0 -6px 0; border:none;border-bottom:1px solid #9ECB7A;}
html>body div.haed .progressbar {margin:13px 0 -6px 0;}

div.features {clear:both; width:500px; height:150px; background-color:#F5FBF1; margin:10px; font-weight:bold; position:relative; top:10px;}
html>body div.features {position:absolute; top:282px}
div.features a {float:right; margin-right:5px; text-decoration:none; border:none}
div.features a img {border:none}

div.features ul.om {margin:0; padding: 0;}
div.features ul.om a {float:none}
div.features ul.om {ifloat:left; margin-left:3px; margin-top:-14px; }
div.features ul.om li {margin: 0px; padding: 0;list-style-type: none; float:left}
div.features ul.om li a:link, div.features ul.om li a:visited{display: block; width: 135px; height: 15px; padding:0 0 0 5px; background: #2C3F7D ;font-weight: bold;color: #ffffff;  border: 1px outset ;#1028AE; text-decoration: none;}
div.features ul.om li a:hover, div.features ul.om li a:active {background:#5C6F9D}
div.features ul.om .active a:link, div.features ul.om .active a:visited {border: 1px solid #d9e7b2;background: url("tabarrowdown.gif") no-repeat scroll right top #99BF72; }
div.features ul.om .active a:hover, div.features ul.om .active a:active {background: url("tabarrowdown.gif") no-repeat scroll right top #99BF72; }

div.numb{ position:absolute; bottom:30px; ibottom:30px; text-align:center; width:100%; left:0px;font-size:1.3em; line-height:1.3em;text-shadow:0 1px 1px}
div.numb em{color:#1028AE; ifont-style:normal}

div.location{ text-align:center; width:100%; font-size:1em; line-height:1.3em;color:#1028AE;}
div.location h5 {display: inline-block; background-color: #FFA51F; border: 1px solid #FFA51F; border-radius:5px; color:#FFFFFF; padding:5px; margin:0; font-family: "Century Gothic",Helvetica,Verdana;}

div.features div.slideshow div.outer {clear:both; font-size:1.2em; font-style:italic; ifont-weight:normal; #padding:10px; border: 1px solid #9ECB7A; margin:5px 0 0 4px ; width:490px; height:90px; display: table; #position: relative;  overflow: hidden; itext-align:center}
div.features div.slideshow div.outer div.middle {#position: absolute; #top: 50%;display: table-cell; width:415px; vertical-align: middle; text-align:center}
div.features div.slideshow div.outer div.middle div.inner {#position: relative; #top: -50%; padding:0 75px 0 0px; #padding-left:25px}

div.testimonial {clear:both; width:210px; height:150px;position:relative; top:-160px;left:525px}
html>body div.testimonial {position:absolute; top:285px;left:525px} 
div.testimonial h3 {color:#618045; margin-bottom:0; imargin-left:0px; iposition:absolute; ibottom:0px; font-size:1.2em; text-shadow:none}
html>body div.testimonial h3 {margin-left:0px; }
div.testimonial div.outer {clear:both;  i#padding:10px; margin:5px 0 0 4px ; width:200px; height:130px; display: table; #position: relative;  overflow: hidden;}
div.testimonial div.outer div.middle {#position: absolute; #top: 50%;display: table-cell; width:200px;  vertical-align: middle; }
div.testimonial  div.outer div.middle div.inner {#position: relative; #top: -50%; }


#ql {height:458px; width:121px; margin-left:4px; float:left; position:relative; }
html>body #ql {height:440px;}
#qli {position:absolute; bottom:5px; font-weight: bold;}
#qli div{border-bottom: 1px solid #E1E3F2; font-size:90%; padding-top:4px; padding-bottom:4px; }
#qli div#firs {font-size:95%; border-top: 1px solid #E1E3F2; }
#qli a {text-decoration: none; }
#qli a:hover {background-color: #E1E3F2; }

/***** The top level tabs *****/
ul.tabs {float: left;width: 135px;position:relative; z-index:100}
ul.tabs {margin: 10px 0 0 0px; padding: 0px;}
html>body ul.tabs {margin: 0px; padding: 0px; width: 125px !important;}

ul.tabs li {margin: 0px; padding: 0px;list-style-type: none; }
ul.tabs a:link, ul.tabs a:visited{display: block; width: 130px; height: 49px; padding: 4px 0px 0px 10px; background: #ffffff ;font-weight: bold;color: #618045;  border-right: 1px solid #9ECB7A; border-bottom: 1px solid #DEEBD1; text-decoration: none;}
html>body ul.tabs a:link, html>body ul.tabs a:visited{width: 120px; height: 45px; }
ul.tabs li:first-child a:link, ul.tabs li:first-child a:visited{border-top: 1px solid #DEEBD1;}
ul.tabs a:hover,iul.tabs a:active{ background-color:#e9f7c2;}
ul.tabs .active a:link, ul.tabs .active a:visited{border-right: 1px solid #d9e7b2;background: url("tabarrow.gif") no-repeat scroll right top #d9e7b2; }
ul.tabs .active a:hover, ul.tabs .active a:active{background-color: #d9e7b2 ;border-right: 1px solid #d9e7b2;}
ul.tabs h3 {font-size:1em; padding-top:0; margin:0; text-shadow:none; text-align:left}
ul.tabs .active a:link h3, ul.tabs .activeTab a:visited h3{color:inherit}

/*********The top level content ***********/
div.bg {float:left; margin:0px 0 0 -6px; padding: 0px;width: 731px; height:453px; overflow: hidden; border:1px solid #9ECB7A;background: #d9e7b2 ; position:relative; }
html>body div.bg{width: 728px; margin:-20px 0 0 5px;}

.tab_content .voip {margin:10px 10px 0 0px; float:right}
.tab_content .voip a{display:block; background:#FFA51F url("reg_arrow.gif") no-repeat scroll right center; border: 1px outset #FFA51F; color: #FFFFFF; font-family: "Century Gothic",Helvetica,Verdana;text-decoration:none; font-size:2em; line-height:1.4em; padding-left:5px}

/***** The second level tabs *****/
ul.intabs {float:left; width: 100px;}
ul.intabs {margin:0px 0 0 10px; padding: 0px;}
html>body ul.intabs {margin: 0 0 0 10px; padding: 0px;}

ul.intabs li {margin: 0px; padding: 0;list-style-type: none; #margin-top:-2px}
ul.intabs a:link, ul.intabs a:visited{display: block; width: 100px; height: 37px; padding: 4px 0px 0px 4px; background: #2C3F7D ;font-weight: bold;color: #ffffff;  border: 1px outset ;#1028AE; text-decoration: none; position:relative}
html>body ul.intabs a:link, html>body ul.intabs a:visited{height: 33px; width: 96px; }
ul.intabs a:link span, ul.intabs a:visited span {position:absolute; bottom:0;}
ul.intabs a:hover,iul.intabs a:active{ background-color:#5C6F9D;}
ul.intabs .active a:link, ul.intabs .active a:visited{border: 1px solid #d9e7b2;background: url("tabarrow.gif") no-repeat scroll right top #99BF72; }
ul.intabs h3 {font-size:1.5em; padding-top:0; margin:0; color:white;inherit; text-shadow: none}
ul.intabs .active a:link h3, ul.intabs .activeTab a:visited h3{color:inherit}
ul.intabs .active a:hover, ul.intabs .active a:active{background-color: #99BF72;#d9e7b2 ;border: 1px solid #d9e7b2;}

/*********The second level content ***********/
.tab_incontent {#float:left; width:385px; margin:0 0 0 10px;font-size:1.2em; line-height:1.3em; position: absolute; #position:relative;}
html>body .tab_incontent {top:120px; left: 110px; } 
.tab_incontent ul.detail_incontent {position:absolute; top:-107px; left:352px; imargin-left:0px; padding-left:22px; padding-top:5px; width:214px; height:223px; font-size:0.8em; background-color:#d9e7b2;filter:alpha(opacity=95); opacity:0.95;line-height:3.3em; }
html>body .tab_incontent ul.detail_incontent {top:-122px; left:395px; width:190px; height:219px;  }
.tab_incontent ul.detail_incontent li {list-style:url('tick.png'); font-size:1.4em; font-weight:bold}


/******For absolute positioning in .tab_incontent: does not work well with jquery in IE
.tab_incontent ul.detail_incontent {position:absolute; top:-110px; left:362px; imargin-left:0px; padding-left:22px; padding-top:5px; width:214px; height:223px; font-size:0.8em; background-color:#d9e7b2;filter:alpha(opacity=90); opacity:0.9;iline-height:1em}
html>body .tab_incontent ul.detail_incontent {top:-122px; left:405px; width:190px; height:219px;}
**************/

/** Added by shridhar **/
div.popup_shdw {width:265px; background-color:#F5FBF1; position:absolute; border:1px solid #DEEBD1; display:none; padding:5px; -moz-border-radius:5px 5px 5px 5px; -border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; -moz-box-shadow:2px 2px 6px #2C3F7D; box-shadow:2px 2px 6px #2C3F7D; -webkit-box-shadow:2px 2px 6px #2C3F7D;}
div.progressbar {position:absolute; width:495px; margin-top:10px; border-bottom:1px solid #9ECB7A; float:left;}

/*Landing Page*/
#r_cont_in input {width:95%; margin:0 2%;}
ul.detail_incontent em{color: #1028AE; font-weight: bold; font-style:normal}
#c_cont div.sum ul {padding-left:0;}


/* For Mobile devices */
/*Drop Down Menu*/
.hb, .hb_label{display:none;}
.drop_down{display:inline;}
        div.nav div.drop_down > *{
                text-align:center;
        }

@media only screen and /*(min-device-width : 320px) and*/ (max-device-width :480px){
    
        body{
                padding:0 auto;
                margin:0 auto;
        }
        a.more{
                margin-right:1.5em;
        }

        
        div#head,
        div#main,
        /*div.nav,*/
        #cont,
        #c_cont,
        html>body #c_cont,
        #c_cont_full,
        .c_cont_full,
        html>body #c_cont_full,
        html>body .c_cont_full,
	#acc_c_cont_full,
        /*div#snav,*/ div.foot{
                width:98%;
                margin:0 auto;
        }

        div.sum,
        h4,h6,
        div.ans,
        html>body div.ans,
        div.simrate table{
                width:90%; 
        }

        #c_cont_full table td{
                padding-left:6px;
                padding-right:6px
        }

a.mobhd,#l_cont,#r_cont_blank{ display:none; }
#r_cont {position: absolute; left: -9980px; visibility: hidden;}
#r_cont #r_cont_in a { position: fixed; left: 5px; bottom: 5px; visibility: visible; width: auto; text-align: right; padding: 3px 20px 2px 0px; line-height:1.5em; height: auto; border-width: 1px; border-radius: 5px;}

        div#head img{
                iwidth:126px;
                height:58px
        }

        div.numb{ 
                padding:28px 5px 0 0;
                font-size:1em
        }

        #ql{
                width:100px;
        }
        
        div#head, div#main, div.nav, div#snav{
                width:100%;
                box-shadow:none;
                margin:0 auto;
        }

        #l_cont, #r_cont, #c_cont, #c_cont_full{ border-left:none; border-right:none; padding: 0; margin:0 auto; }
        #help.mobhd{display:none;}      /* Hide 'Help' link on home page. */
        
        /*Drop Down Menu*/
        .hb_label{
                margin:0 0 0 0.5em; padding:0;
                display:inline-block;
                width:2.6em; height:95%; line-height:2.6em;
                font-size:1.1em; font-weight:bold;
                vertical-align:top; text-align:center;
                color:aliceblue;
                transform:scale(1.2,1.2);
                transition:all ease 0.2s;

        }
        /*.hb_label:active{transform:scale(1.5,1.5);}*/
        .drop_down{
                display:block;
                position:absolute;
                opacity:0;
                /*left:64%;*/
                right: 2vmin;
                width:35%;
                max-height:0;
                transition: max-height 0.8s ease, opacity ease 0.5s;
                overflow: hidden;
        }
        div.nav .drop_down a,
        div#snav .drop_down a, #help, .rite{
                display:block;
                width:100%;     
                font-size:1.1em;
                padding: 0.1em;
                text-align:center;
        }
        input[type=checkbox]:checked + .drop_down{      
                height:auto;
                z-index:10000;
                opacity:1;
                max-height: 500px;
                box-shadow:0 0.2em 0.2em #888;
                transition: max-height 0.5s ease-out, opacity ease-ou 0.5s;
        }
        .nav input[type=checkbox]:checked + .drop_down{z-index:10001;} /*Main drop down should cover sub-nav dropdown*/

        div.nav , div#snav {height:3em;}
        div.nav a,
        div#snav a,
        div.nav .cur{
                line-height:2.7em;
                height:100%;
                font-size:1.1em;
                width:21%;
                border:none;
                font-weight: bold;      /* trikon.in */
        }
        .numb{text-shadow:none;}
        html > body #c_cont_full, div.hardware, div.hardware > *, div.outer, ul.big, div.ans, div.hardware h2
        {
                max-width:95%;
        }
        #regiframe{
                margin:0 auto;
                padding:0;
                width:100%;
                position:relative;
                height:auto;
        }

        /*Registration iframe*/
        #regiframe div#det div input{max-width:40%; border-radius:0.5em; margin:0; padding:0.1em;}
        #regiframe #det div{margin:0.3em 0 0.3em 0; padding:0.1;}
        #regiframe div#det div input:focus{border:solid cornflowerblue 1px; background:aliceblue; transform:scale(1.2,1.2);}

        /*Override for preventing overflow*/
        div.hardware img{max-width:40%; margin:0; border:none;}
        ul.big, ul.big li{margin:0; padding:0; max-width:90%; /*overflow:hidden;*/}
        div.hardware div.outer{max-width:98%; display:block;}

        /*Datepicker*/
        #regiframe input#datepicker{width:35%;}

        /* Extra for trikon.in */
        img, html > body h5 {max-width: 90vw !important;}
        body{
                overflow-x: scroll !important;
                max-width: 100vw;       
        }
        #head > img {           /* Logo */
                width: auto;
                margin: auto;
        }
        div#logeen{
                margin: 0;
                padding: 0;
        }
        h2{width: auto;}
        div.navn a{color: white;}
        #acc_c_cont_full table, table#data{
                max-width: 100vw;
                font-size: 100% !important;
        }
        #acc_c_cont_full table.comp td{
                padding: 0;
                margin: 0;
        }
        div.select{
                margin: 0.5em auto;
                padding: 0.5em;
                float: none;
                text-align: center;
        }
        h3{
                text-shadow: 0 0 0 #fff !important;
        }
        /* Homepage BEGIN */
	#home_page_heading{
		font-size: 1em;
		text-align: center;
		/*display: none;*/
	}
	html > body div.bg{
		transition: /*all ease-in 0.4s*/none;
	}
	html > body ul.tabs, html > body ul.intabs{
		width: 100% !important;
		background-color: #ddd;
		margin: 0 auto;
		padding: 5px 0;
		padding-left: 0;
		display:-webkit-flex;
		display:flex;
		align-items: stretch;
		iflex-wrap: wrap;
	}
		html > body ul.tabs li, html > body ul.intabs > li{
			display: inline-block;
			margin: 0 auto;
			padding: 0;
			width: 32%;
			height: 45px;
			overflow: hidden;
			transition: all ease-in 0.2s;
		}
			html > body ul.tabs li:active, html > body ul.intabs > li:active
			{transform:scale(1.1,1.1); box-shadow: 0 2px 5px #FA1E2D; transition: all ease-out 0.1s;}
			
			html > body ul.tabs a:link, html > body ul.tabs a:visited,
			html > body ul.intabs a:link, html > body ul.intabs a:visited,

			ul.intabs .active a:link, ul.intabs .active a:visited
			{
				overflow: hidden;
				text-align: center;
				width: auto;
				display: block;
				margin: 0px;
				/*padding: 5%;*/
				height: 100%;
				border: none;
				background-image: none !important;
			}
				html > body ul.tabs a:link:hover, html > body ul.tabs a:visited:hover,
				html > body ul.intabs a:link:hover, html > body ul.intabs a:visited:hover
				{
					transition: none;
				}
				
				html > body ul.tabs a:link span, html > body ul.tabs a:visited span,
				html > body ul.intabs a:link span, html > body ul.intabs a:visited span
				{
					display: block;
					height: auto;
					width: auto;
					margin: auto auto;
				}
				html > body ul.tabs a:link h3, html > body ul.tabs a:visited h3,
				html > body ul.intabs a:link h3, html > body ul.intabs a:visited h3
				{
					text-align: center;
					font-size: 1em;
				}
		
		html > body ul.intabs > li{
			width: 47%;
			
			margin: 1vmin auto;
		}
		html > body ul.intabs > li, html > body ul.intabs > li *{
			border-radius: 1em;
		}
	html > body div.haed{
		width: 100%;
		font-size: 100%;
		text-align: center;
		background: #ddd;
		border: none;
	}
		div.haed h4{
			font-size: 2em;
			width: 100%;
			margin: 0 auto;
		}
		div.haed a.more{
			position: absolute !important;
			right: 3vmin !important;
			margin: 0px;
			bottom: 0px !important;
			font-size: 1em;
			font-weight: normal;
		}
	.tab_content .voip{
		/*max-width: 50%; margin: 0 auto; padding: 10px; float: none; clear: both;*/
		/*display: none;*/
		width:145px

	}
	html > body .tab_incontent , div.tab_incontent div.sum{
		position: relative;
		top: auto;
		left: auto;
		margin: 0 auto;
		padding: 10px 0;
		float: none;
		clear: both;
	}
	div.tab_incontent div.sum{
		padding: 0 3vw;
		width: 94vw;
		margin: 0;
	}
	.tab_incontent ul.detail_incontent{padding: 0; margin:0 auto; width: auto; height: auto; }
	html > body div.testimonial, div.testimonial div.outer, div.testimonial div.outer div.middle{
		width: 100%;
		height: auto;
		margin: 0;
		display: block;
	}
		div.testimonial div.outer div.middle div.inner {
			text-align: center;
		}
	html > body div.testimonial{
		margin: 15x 0;
		padding: 5px 0;
		width: 100%;
		border-radius: 1em;
		background: #ddd;
	}
	/* Width reset */
	html > body div.bg, html > body div.haed, div.features
	{
		width: auto;
		height: auto;
		margin: 0 auto;
		padding: 0;
		max-width: 100vw;
	}
	div.features, div.numb{display: none;}
	
	html > body #ql{
		height: auto;
		clear: both;
		width: 100%;
	}
		html > body #ql #qli{width:100%; font-weight: normal;}
			#qli div#firs{text-align: center;}
			#qli div:not(#firs){display: inline-block; width: 48%; margin:10px auto}
	
	#foot1 h1 {
		font-weight: normal;
		font-size: 100%;
	}
	html > body div.bg *, html > body #ql, html > body #ql *{
		position: relative !important;
		top: auto !important;
		left: auto !important;
		bottom: auto !important;
		right: auto !important;
		/*
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		clear: both !important;
		font-size: 100% !important;
		*/
	}
	.tab_content .voip img{display: none;}
	/* Homepage END */
#c_cont_full ol#faq {margin-left:0px; margin-top:3px; padding-left :1em; line-height:1.8em}	
}