/******************************************** / *********************************************/ body#om {font-size:70%; font-family:Arial, Verdana, "Sans Serif"; margin:15px 0; background:#ffffff url('logo.gif') no-repeat fixed 100% 90%; z-index:500; } /******************** modified by vivek for gm.e and login page ***************/ body#login {font-size:70%; font-family:Arial, Verdana, "Sans Serif"; margin:0; background:#ffffff url('logo.gif') no-repeat top right; z-index:500} body#gm {font-size:70%; font-family:Arial, Verdana, "Sans Serif"; margin:15px 0; background:#ffffff url('logo.gif') no-repeat bottom right; z-index:500; } /******************** done ***************************************************/ pre {font-family:"Lucida Console","Courier New",Monospace} div#nav {height:36px; overflow:hidden; position:relative; } div#nav em {margin-left:15px; color:#F47D15; font-size: 160%; height:30px; line-height:30px; font-weight:bold; font-style:normal; background-color:#618045; float:left; padding-left:10px; padding-right:10px; } div#nav a.n1 {float:left; margin-left:-1px; padding:2px 1.2em 0 1.2em; height:30px; line-height:28px; text-decoration:none; background-color:#618045; color:#ffffff; font-weight:normal; position:relative; } div#nav a#dn {background-color:#99BF72; padding-bottom:6px; position:relative; z-index:1; } div#nav a.n0 {float:left; margin-right:1px; height:30px; line-height:30px; text-decoration:none; font-weight:bold; background-color:#F47D15;color:#ffffff; text-align:center; padding:0 1.4em; position:relative; } div#nav a#lo {float:right; margin-right:15px; height:30px; line-height:30px; color:#618045; font-weight:bold; text-decoration:none; position:relative; } div.sep, div.sep2 {height:3px; line-height:1px; overflow:hidden; width:100%; position:absolute; } html>body div.sep,html>body div.sep2 {height:1px; } div.sep {clear:both; bottom:3px; background-color:#5a873a; border-bottom:1px #497029 solid; border-top:1px #6b9246 solid; } div.sep2 { bottom:0px; background-color:#355c1c; border-bottom:1px #2f5218 solid; border-top:1px #3f6720 solid; } div#mh {clear:both; border:thick #99BF72 solid; border-bottom:none; border-right:none; width:78%; float:left; background-color:#D2E3BF } div#mh div#env {width:52%; float:left; padding:10px 20px 0 0px;xborder:solid;padding-left:11px; } div#mh div#env_lindent {width:52%; float:left; padding-left:11px; width:100%; } /* vivek ref:- gm.e */ div#gmv {background-color:#D2E3BF;} TD.read { border:thick #99BF72 solid; border-bottom:none; border-right:none; width:78%; background-color:#D2E3BF; color:#618045; font-size:70%; font-weight:bold; margin:0px; padding:0; padding-left:11px; padding-top:10px; padding-bottom:8px; } TD.opt { width:17%; font-size:70%; color:#618045; border-top:thick #99BF72 solid; border-left:1px #E0F4EB solid; font-weight:bold; background-color:#D2E3BF; padding:0; padding-left:11px; padding-top:8px; padding-bottom:5px; line-height:2.2em; } TD#rtv { width:1%; height:50px; background-color:#99BF72; border-bottom:none; padding-top:5px; } TD#rtv div {background-color:#618045; height:1px; line-height:1px; font-size:1px; overflow:hidden; border-bottom:none; margin:0px; padding-bottom:0px; } TD.Headrs { border:thick #99BF72 solid; border-bottom:none; border-top:none; border-right:1px #E0F4EB solid; background-color: #EFFCF8; margin-right:-.4em; padding-top:1em; margin-left:-0em; margin-right:-.7em; padding-left:11px; padding-top:0px; line-height:1.6em; color:#618045; font-style:normal; font-size:70%;} TD.optdes { color:#618045; border-left:1px #E0F4EB solid; width:22%; background-color:#D2E3BF; padding:0; padding-left:11px; padding-top:10px; padding-bottom:10px; font-size:70%; line-height:1.6em;} /* vivek for gm.e complete */ div#mh div#env h2 {color:#618045; font-size:1.1em; margin-top:0px;padding:0; padding-bottom:30px; } /*Added by Huzaifa*/ div#mh h2 {color:#618045; font-size:1.1em; margin:0px; padding:0; padding-left:11px; padding-top:10px; padding-bottom:10px; } div#env div {clear:both; line-height:2.5em; color:#618045; } div#env div#dd {width:85%; float:right; text-align:right; } /*Huzaifa*/ div#msg { clear:both; border:thick #99BF72 solid; border-top-width:1px; border-top-color:#99BF72; border-bottom-width:1px; border-bottom-color:#99BF72; border-right-width:1px; border-right-color:#99BF72; min-height:250px; margin:0; padding-left:11px; } span.head5 {font-weight:bold; } div#mh div#uc div.ips {float:left;width:260px;padding-top:3px} div#mh div#uc div.but {margin-left:53%;width:47%px;padding-top:3px;} html>body div#mh div#uc div.but {width:330px;} ddiv#mh div#uc div#but input {vertical-align:middle} /*Huzaifa/Binu*/ div#mh div.dv {clear:both;width:100%;padding-top:0px;margin-top:0em; color:#618045;} .lhead {clear:both; width:100%; background-color:#EFFCF8; padding-top:1em; padding-bottom:1em; padding-left:2em;} html>body .lhead {width:98.5%;padding-left:0.73em } div#mh div.dv input {margin-left:1em; margin-top:0.3em; } div#dir {float:left; padding-left:14pt;} div#mh div#uc div#butt {text-align:center; } div#mh div#uc div#butt input {width:30px; height:20px; } div#mh div#uc div#imagecont{clear:both;align:center} div#mh div#uc div#imagecont img#slide {border-style:solid;align:center;border-color:#99BF72;border-width:thin} /* Binu added this */ div#mh div#uc {width:100%; float:left;padding-top:0px;position:relative; color:#618045;} div#mh div#uc div#dv {clear:both;width:100%;border-top:1px #E0F4EB solid; padding:5px 15px;margin-top:2em; } /* div#mh div#uc div#dv div.dir {float:left; padding-left:14pt;}*/ div.dir {float:left; xpadding-left:14pt;} div#mh div#uc div.descr {float:left; width:120px; padding-left:16px; padding-top:5px; } div#summ {margin-left:38%} div.but input {width:18%;} div#op a#sel {padding-left:5px;font-size:.8em} div#op div.lnk {margin:3px} div#op div#ed {float:left;margin-top:25px;} div#op div#ed input {width:45px } div#op div#rot {float:left;margin-top:5px;} div#op div#rot input {width:93px } div#op div#mail {float:left;margin-top:5px;} div#op div#mail input {width:61px } div#op div#fsz {float:left;margin-top:5px;} div#op div#fsz input {width:188px; } div#op div#ss {float:left;margin-top:5px;} div#op div#ss input {width:188px;margin-top:5px } /* Newly added block Binu*/ div#tn div {float:left; width:120; line-height:2.4em; height:120; margin-left:0px; } div#tn {padding-left:11pt;; } div#tn div a {text-decoration:none; } div#tn div image {margin:4px; border-style:none; } div#tn div input {margin-left:0px; margin-right:5px} div#dummy {clear:both;} /* Newly added block*/ div#mh div#upf {clear:both;width:50%; float:left;} div#mh div#upf div{margin-left:10%;line-height:2.4em;} div#mh div#upf div#sb{margin-left:18%;align:center;} div#mh div#nm {} html>body div#mh div#nm {margin-left:50%;} div#mh div#upl {clear:both;width:50%; float:left; line-height:2.4em;} html>body div#mh div#upl {padding-bottom:4px} div#mh div#upl div{margin-left:10%;line-height:2.4em;align:center;} div#mh div#upl div#sb{margin-left:20%;align:center;} div#mh div#nm div{margin-left:10%;line-height:2.4em;align:center;} div#mh div#addfldr {clear:both;width:100%; padding-top:15px;border-bottom:1px #E0F4EB solid;border-right:1px #E0F4EB solid;line-height:2.4em;padding-bottom:10px} div#mh div#addfldr div{margin-left:5%;line-height:2.4em;align:center;} div#mh div#addfldr div#sb{margin-left:11%;align:center;} /* binu */ div#dd em {position:relative; bottom:3px} div#env input {float:right; width:85%; } div#env #ad {float:left; width:46%; z-index:18} div#env #add_to, div#env #add_cc, div#env #add_bcc {float:none; width:auto; padding:0} div#mh div.att {float:left; width:42%; color:#618045; border-left:1px #E0F4EB solid; padding:15px 0 10px 10px;} html>body div#mh div.att {width:34%; } div.att input.file {width:100%; margin-bottom:5px; } html>body div.att input.file {width:auto;} #WFsel {float:left; width:73%} html>body #WFsel {float:left; width:69%} div.att input.bc {width:100%;height:22px;margin-bottom:5px; margin-left:-2px } html>body div.att input.bc {width:30%; height:22px;margin-left:0px; margin-bottom:8px; } div#send {clear:both; width:100%; border-top:1px #E0F4EB solid; padding:5px 15px} #bd {width:100%; height:40em; border-right:2px #99BF72 groove; padding:10px } div#op {position:absolute; left:78%; top:51px; color:#618045; border-top:thick #99BF72 solid; border-left:1px #E0F4EB solid; width:22%; height:70%; background-color:#D2E3BF; padding:5px 10px 30px 10px; line-height:2.2em} html>body div#op {width:19.5%; margin-left:4px; height:auto; min-height:63%; } div#op div.cb {border-bottom:1px #E0F4EB solid; padding-bottom:10px} div#op div#rt {float:right; width:50px; height:50px; background-color:#99BF72; border-bottom:none; margin-top:-10px; margin-right:-10px; padding-bottom:0px; padding-top:5px; } html>body div#op div#rt {margin-right:-10px} div#op div#rt div {background-color:#618045; height:1px; line-height:1px; font-size:1px; overflow:hidden; border-bottom:none; margin:0px; padding-bottom:0px; } div#op input {margin:5x; margin-left:0px; } h5 {color:#618045; font-size:1em; margin:3px} div#op h5#ead {position:absolute; bottom:0px; left:10px; padding:0px; font-style:italic; width:90%;overflow:hidden} div#op h5 {color:#618045; font-size:1em; margin:0;padding:0;} div#foot {border-left:thick #99BF72 solid; border-top:none; background-color:#D2E3BF; width:78%; float:left; text-align:center; padding-top:1.5em;} div#foot h5 {margin:7px} div#lgl {width:78%; float:left; text-align:center; padding:10px} /*Style Add by Huzaifa for drop down menu*/ div#menu {z-index:200;} div#menu a.n1 {display:block; margin-left:-1px; padding:2px 1.2em 0 1.2em; height:30px; line-height:28px; text-decoration:none; background-color:#618045; color:#ffffff; font-weight:normal; position:relative; overflow:hidden;} div#menu a.n0 {display:block; margin-right:1px; height:30px; line-height:30px; text-decoration:none; font-weight:bold; background-color:#F47D15;color:#ffffff; text-align:left; padding:0 1.4em; position:relative; overflow:hidden;} div#menu a.dn {display:block; margin-left:-1px; padding:2px 1.2em 0 1.2em; height:30px; line-height:28px; text-decoration:none; background-color:#618045; color:#ffffff; font-weight:normal; position:relative; overflow:hidden;} div#menu a.dn {background-color:#99BF72; padding-bottom:6px; position:relative; z-index:1; overflow:hidden;} div#submenu a.n1 {display:block; margin-left:-1px; padding:2px 1.2em 0 1.2em; height:30px; line-height:28px; text-decoration:none; background-color:#618045; color:#ffffff; font-weight:normal; position:relative; overflow:hidden;} div#submenu a.n0 {display:block; margin-right:1px; height:30px; line-height:30px; text-decoration:none; font-weight:bold; background-color:#F47D15;color:#ffffff; text-align:left; padding:0 1.4em; position:relative; overflow:hidden;} div#submenu a.dn {display:block; margin-left:-1px; padding:2px 1.2em 0 1.2em; height:30px; line-height:28px; text-decoration:none; background-color:#618045; color:#ffffff; font-weight:normal; position:relative; overflow:hidden;} div#submenu a.dn {background-color:#99BF72; padding-bottom:6px; position:relative; z-index:1; overflow:hidden;} div.menun1 {background-color:#618045;} div.menun0 {background-color:#F47D15;} div.menudn {background-color:#99BF72;} /*These are added by binu*/ div#e2f{ background-color:#D2E3BF; height:40px; vertical-align:middle; margin-top:-1em; margin-left:-.7em; margin-right:-.7em; padding-top:.6em; padding-left:1.4em; } /* added by vivek */ div#e2fchanges{ color:#618045; font-size:70%; font-weight=bold; margin:0px; margin-top:-15px; margin-left:-15px; margin-right:-15px; padding:0; padding-left:15px; padding-top:10px; padding-bottom:10px; font-family:Arial, Verdana, "Sans Serif"; background-color:#D2E3BF; } /* additions completed */ div#mh iframe{width:100.0%;scrolling:no;padding-left=0;} html>body div#mh iframe{width:100%;} div#e2f1{ background-color:#EFFCF8; margin-right:-.4em; padding-top:0em; margin-left:-.6em; margin-right:-.7em; margin-bottom:-2em; padding-left:1.4em; line-height:1.3em; color:#618045; font-size:70%; font-style:italics; } div#e2f1 div#leftcol { float:left; font-size=120%; width:23%; margin-top:-12px; zindex:20; } div#e2f1 div#rightcol{ border-left-width:1px; border-left-color:#D2E3BF; border-left-style:solid; margin-left:25%; padding-top:0em; padding-left:10px; font-family:arial; } div#e2f1 div#rightcol li { font-style:italic; } div#e2f1 div#rightcol div { width:70%; font-style:italic; } html>body div#e2f1 div#rightcol div { width:100%; font-style:italic; } div#e2f1 div#rightcol div#e2f1remcredit{ clear:both; font-weight:bold; margin-top:1em; font-style:normal; background-color:#F47D15; color:#ffffff; width:41%; } div#e2f1 div#rightcol div#optbut{ padding-top:1em; padding-bottom:1em; font-weight:bold; font-style:normal; } div#e2fsub{background-color:#D2E3BF;height:30px; margin-left:-1.3em; margin-right:-.4em; padding-top:.7em; padding-left:1.4em; font-size:1.5em; font-weight:bold; border-bottom-width:thin; border-bottom-style:groove; border-top-width:thin; border-top-style:ridge; } div#nouse{ background-color:#D2E3BF; height:20px; } a {COLOR: #618045;} /*Old Style Sheet*/ #Normal { FONT-FAMILY: arial, sans-serif; FONT-STYLE: normal } A.LtA { COLOR: #336699; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none } A.Sp { COLOR: #618045; } A.SpC { COLOR: #618045; FONT-SIZE: 90% } A.RtA { COLOR: #ffffff; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none; FONT-SIZE: 80% } A.MhA { COLOR: #004490; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none } TD.Cq { COLOR: #00428C; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-ALIGN: center; FONT-SIZE: 80% } TD.Ua { COLOR: #333366; FONT-STYLE: italic; FONT-WEIGHT: bold; FONT-SIZE: 80% } TD.Tt { BACKGROUND-COLOR: #ffffee } TD.TtM { BACKGROUND-COLOR: #ffffee } TR.Lt { BACKGROUND-COLOR: #cccccc } TD.LtM { COLOR: #ff6633; FONT-STYLE: normal; FONT-WEIGHT: bold } TR.Rt { BACKGROUND-COLOR: #4444cc; COLOR: #ffffff; TEXT-ALIGN: center } TD.Rt { COLOR: ffffff; FONT-WEIGHT: bold } TD.sRt { BACKGROUND-COLOR: #88cccc } TD.RtC { BACKGROUND-COLOR: #cccc99; FONT-STYLE: normal; FONT-WEIGHT: bold } TR.MbI { BACKGROUND-COLOR: #ffffff } TD.MbI { COLOR: #00428C; TEXT-ALIGN: center; FONT-SIZE: 80% } TR.Mh { BACKGROUND-COLOR: #B0C6DD; FONT-WEIGHT: bold; COLOR: #ffffff; FONT-SIZE: 80%; } TR.Ml { BACKGROUND-COLOR: #EFFCF8; } TD.Mh { COLOR: #ffffff } TD.sMh A.MhA { COLOR: #ffffff; } TD.Ml { COLOR: #ffffff } TR.Mhl { BACKGROUND-COLOR: #EFFCF8; FONT-SIZE: 80% } TR.Mhl td { border-style:solid none; border-width:0px; height:30px; color:#618045; font-size:85%; } TR.Mhl td a { text-decoration:none;color:#618045;font-weight:bold; } TR.Mhl td a.prev { text-decoration:none;color:#618045;font-weight:bold; padding-left:8pt; } TR.Mhl td a.next { text-decoration:none;color:#618045;font-weight:bold; padding-right:11pt ; } TR.Mh td { BACKGROUND-COLOR: #D2E3BF; FONT-WEIGHT: bold; color:#618045;height:30px;text-decoration:none;text-align:left; border:thick #E0F4EB solid; border-right-width:1px; border-left-width:0px; border-bottom-width:1px; border-top-width:1px; padding-left:0.7em; } TR.Mhr td { BACKGROUND-COLOR: #D2E3BF; FONT-WEIGHT: bold; color:#618045;height:30px;text-decoration:none; text-align:right; border:thick #FFFFFF solid; border-right-width:1px; border-left-width:0px; border-bottom-width:1px; border-top-width:1px; padding-left:0.7em; } TR.Mh td a { text-decoration:none;color:#618045; font-size:0.85em; } /*This style is for un read messages */ TR.Mlur { BACKGROUND-COLOR: #EFFCF8; FONT-SIZE: 80% } TR.Mlur td a { text-decoration:none; color:#2B6B55 } TR.Mlur td { border-style:solid none; border-width:0px 0px 1px 0px ; border-color:#D2E3BF; color:#618045; padding:0.3em 0 0.3em 0.7em; font-weight:bold; } TR.Mlur TD a { text-decoration:underline; } TR.Ml td a { text-decoration:none; color:#618045; } TR.Ml d.click1 a { text-decoration:underline; color:#618045; } TR.Ml td { border-style:solid none; border-width:0px 0px 1px 0px ; border-color:#D2E3BF; color:#618045; padding:0.3em 0 0.3em 0.7em; font-size:80%; } TR.Ml input, TR.Mlur input {margin:0 } TR.Ml_NOB td { background-color:#EFFCF8; color:#618045; padding-top:0.5em; padding-left:11pt; text-align:left; align:top; vertical-align:top; FONT-SIZE: 70%; } TR.Ml_NOB_Center td { background-color:#EFFCF8; color:#618045; padding-top:0.5em; padding-left:11pt; text-align:center; align:top; vertical-align:top; FONT-SIZE: 70%; } TR.Ml_NOB td em,TR.Mh td em { color:#ff0000 } TR.Mh td.nolpad {text-align:left;padding-left:0; } TR.Ml td.oplcol { border-right-style:solid; border-right-width:0; } TR.Ml td.opclickcol { border-right-style:solid; border-right-width:1px; padding-left:0; } TR.Ml TD.opclickcol a { text-decoration:underline; } TR.Ml TD a { text-decoration:underline; } TR.Mhc td { BACKGROUND-COLOR: #D2E3BF; color:#618045;height:30px;text-decoration:none;text-align:center; } .note {font-style:italic; } .click1 { text-decoration:underline; } div.bt1 input { width:98%; } div.bt2 { clear:both; } div.bt2 input { width:47%; text-align:left; padding:1px; margin:-2px; font-size:95%; background-color:#99BF72; border:1px solid outset; color:#EFFCF8; } div.opbt { clear:both; } div.opbt input { width:47%; text-align:left; padding:0; margin:-2px; } div.opbt div { align:left; width:47%; max-width:47%; text-align:left; padding:0; margin:-2px; white-space:nowrap; overflow:hidden; } div.opbt div.colleft { float:left; } div.opbt div.colright { float:right; } div.bt2 div { align:left; width:47%; max-width:47%; text-align:left; padding:0; margin:-2px; white-space:nowrap; overflow:hidden; } div.bigb input { width:97.30%; text-align:center; padding:1px; margin:-2px; margin-top:2px; font-size:95%; background-color:#99BF72; border:1px solid outset; color:#EFFCF8; } html>body div.bigb input { width:99.00%; } INPUT.lmsubmit{ background-color:#99BF72; border: 1px solid outset; font-size: 90%; color:#eaf1fb; padding-left:0; padding:1px; margin-bottom:1px; text-align:center; } div.bt2 div.colleft { float:left; } div.bt2 div.colright { float:right; } div.bt2 div input { padding:0; margin:-2px; } div.bt3 input { width:30%; } html>body div.bt1 input { width:99%; } html>body div.bt2 input { width:49%; margin:0; } html>body div.bt2 div { width:46.5%; margin:0; overflow:hidden; } html>body div.bt3 input { width:32%; } /********** some styles added by vivek *************************/ div#e2fmodified { background-color: #EFFCF8; margin-right:-.4em; padding-top:1em; margin-left:-0em; margin-right:-.7em; mmargin-bottom:45em; padding-left:0em; line-height:1.3em; color:#618045; font-style:normal; width:100%; } div#e2f1 div#e2fvivek{margin-left:0%; font-size:1.2em; font-style:normal; } div#login_rt {color:#618045; background-color:#D2E3BF ; border:thin #99BF72 solid ; width:35% ; margin-left:26%; padding-left:0.5em;} html>body div#login_rt {width:25%} div#warn {margin-left:25%; font-style:normal; color:ff0000; } html>begin div#warn {margin-left:25%; font-style:normal; color:ff0000; } div#login_rt div#rtlogin {float:right ; width:50px; height:50px; background-color:#99BF72; border-bottom:none; padding:0; } div#login_rt div#rtlogin div {background-color:#618045; height:1px; line-height:1px; font-size:1px; overflow:hidden; border-bottom:none; margin:0px; padding:0; } div#login_rt div { border-bottom:#E0F4EB 1px solid; border-left-style:none; padding:1em; margin-left:-0.5em; } div#login_rt div#logindet input.idpwd {width:57%;} div#login_rt div#forgotpwd {padding-left:1em;} div#login_rt div#contact_us {padding-bottom:34px; line-height:18px; border-bottom:none} div#login_options input {margin-left:-5px} html>body div#login_rt input {margin-left:0px} div#login_rt div a.leftlink{padding-left:1em} div#login_lt { color:#618045; display:block; height:100%; width:25%; position:relative; float:left; background-color:#D2E3BF; margin-right:1%} body#om div#login_lt {height:105%; margin-top:-15px} div#login_lt a { position:absolute; bottom:5px ; margin-left:25%; COLOR: #618045; FONT-STYLE: normal; FONT-SIZE: 100%; FONT-WEIGHT:bold; TEXT-DECORATION:none } div#alignpage {height:50%; margin-bottom:-185px} div#loginmsg {clear:both; margin-top:-35%;margin-left:60%;} .cred {color:#ff0000; } /********* vivek's style has ended *************************/ /**************** zakir's style starts ***************/ TR.Ml td.opclickcol_zakir { border-right-style:solid; border-right-width:1px; padding-left:10; width:25%; } div#e2fmodified div#dq { padding-left:1em; } TR.Mhl td a.nextz { text-decoration:none;color:#618045;font-weight:bold; padding-left:90pt ; } /*************** zakir's style ends *********/ form {margin:0; } /****************Modified by Piyush *******************/ @media print { TD#rtv div, TD.opt, div#nav em, div#nav a.n1, div#nav a#dn, div#nav a.n0, div#nav a#lo, div#op, TD.optdes, div#foot, div#lgl, idiv#gmv TD.read, div#gmv TD.Headrs a {display: none;} TD.Headrs, TD.read {border:none; } div#msg {border-left:none; border-right:none; border-bottom:none; padding-top:1em} } div.sep, div.sep2 {left:0; } /*********Somokantha's Thumbnail Style**********/ div#tn input { float:left} div#tn div.ins {width:75px; height:20px; overflow:hidden; line-height:1.8em } /********Styles for call-console*********/ .sts0,.sts1,.sts2,.sts3 { background-repeat:no-repeat; color:#2B6B55; padding:2 2 2 18; font-weight:bold; text-decoration:none; font-size:11px; width:83px; overflow:hidden; margin:7 4 0 4; float:left; border-radius:4px; font-family:arial; background-color:#ffffff; z-index:2;} html>body .sts0,html>body .sts1,html>body .sts2,html>body .sts3 {width:63px; } .sts0 {color:#99BF72; background-image:url('images/gray.png'); border:1px solid #99BF72; background-color:#D2E3BF;} .sts0 a{color:#99BF72;} .sts1 {background-image:url('images/green.png'); border:1px solid #99BF72;} .sts2 {background-image:url('images/red.png'); border:1px solid #FBBEA8;} .sts3 {background-image:url('images/sepia.png'); border:1px solid #FFC163; color:#FFC163;} .sts3 a{color:#99BF72;} #fop,#callfrm {float:left; padding:0px; margin:0px;} #callfrm {width:100%; padding:3px 0 3px 0px; color:#ffffff; cursor:pointer} #fop {overflow:auto; padding-bottom:6px} .cnum {width:45%; margin:3px; font-size:15px; padding:1px; border:1px solid #99BF72; margin:2 0 3 4; float:left; border-radius:3px;} #cldt,#clact {float:right; font-size:11px; color:#FFFFFF} #cldt {position:absolute; top:3px; right:20px;} #cactn {float:left; margin-left:3px} #cactn img,#cactn a img,#cactn a:hover img {float:left; width:14px; height:14px; padding:2px; margin:2px; border-radius:4px; background-color:#ffffff;} #cactn a img {border:2px solid #99BF72;} #cactn a:hover img {border:2px solid #F47D15;} .cchead1 {background-color:#618045;} .cchead2 {background-color:#99BF72} #cactn img {border:2px solid #EFFCF8; margin:2px;} #fop a {color:#2B6B55; text-decoration:none; margin:0px; float:left} #fop a:hover {color:#99BF72;} html>body #chtbx {background-color:#D2E3BF; width:20%; position:fixed; bottom:0; left:78%; border-width:1px 1px 0px 1px; border-color:#618045; border-style:solid; margin-left:4px; max-height:100%} #chtbx {background-color:#D2E3BF; width:20%; position:fixed; _position:absolute; bottom:0; _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight); left:78%; border-width:1px 1px 0px 1px; border-color:#618045; border-style:solid; margin-left:4px; } .arrow {float:right} #bplgt {display:none} body.bphbody #chtbx {width:100%; background-color:#D2E3BF; height:100%; margin:0px; left:0px; top:0px; right:0px; position:absolute; border:0px; bottom:auto;filter:alpha(opacity=95); opacity:0.95;} body.bphbody #chtbx #callfrm .cnum {iwidth:15%;} body.bphbody #chtbx #callfrm .arrow {display:none} body.bphbody #chtbx #callfrm #bplgt {float:right; color:#ffffff; display:block; text-decoration:none; margin-right:5px;} body.bphbody #cldt {top:23px; right:5px;} .title { FONT-FAMILY: verdana, arial; FONT-SIZE: 70%; FONT-WEIGHT: bold } .text { FONT-FAMILY: verdana, arial; FONT-SIZE: 70% } .help { FONT-FAMILY: verdana, arial; FONT-SIZE: 60% } /** Copied by shridhar to remove stylesheet link "bc.e?a=st" and place it in the main style sheet **/ .alert { COLOR: FF0000; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 80%; } .succ { COLOR: 003366; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 80%; } .sb { font-family:verdana,arial,tahoma,sans-serif;font-size:12px;background: #cccccc;color:#000000;height:23px;vertical-align: middle;height:23px;text-decoration:none;cursor: hand;} /*------------Added for Linq-----------------*/ .news_widget {width:20%; top:20%; left:0; position:absolute; margin-left:10px; margin-bottom:10%; height:70%; overflow:hidden; display:none} .linq_widget {width:auto; border:3px solid #99BF72; margin:3px; position:absolute; z-index:2; background-color:#D2E3BF; } .linq_widget_header {padding:6px 6px 6px 3px;} .linq_widget_header_title {font-family:tahoma; font-weight:bold; text-decoration:none; font-size:1.2em; color:#618045;} .linq_widget ul {padding:0px; list-style:none; margin:0px; } .linq_widget ul li{padding:5px 2px 5px 2px; margin:1px 0px 1px 0px; background-color:#EFFCF8;} .linq_story_title { font-family:tahoma; font-weight:bold; text-decoration:none; font-size:0.9em; color:#618045;} /*------------------------------------------------------*/ /*****Added for mobile******/ @media only screen and (min-device-width : 320px) and (max-device-width :480px) { div#mh table td:first-child {display:none;} div#mh table tr.Mh td:nth-child(2) {width:10%} div#mh table tr.Mh td:nth-child(3) {width:60%} div#mh table td:nth-child(4) {display:none;idisplay:block;margin-top:30px;width:100px} div#mh table tr.Mh td:nth-child(5) {width:30%} div#mh table td:nth-child(6) {display:none;} div#op, html > body div#op {display:none;} div#mh,div#foot,div#lgl {width:99%} div#mh table {table-layout:fixed; width:100%} TR.Ml,TR.Ml td,TR.Mlur,TR.Mlur td{height:10px; overflow:hidden;white-space: nowrap;} div#mh div#env,div#mh div.att,div#send {width:89%} div#env #ad {width:27%} } /**************** webrtc indicator class ****************/ /** .wsts0,.wsts1,.wsts2,{ background-repeat:no-repeat; color:#2B6B55; font-weight:bold; text-decoration:none; font-size:11px; overflow:hidden; float:left; border-radius:4px; font-family:arial; background-color:#ffffff;} html>body .wsts0,html>body .wsts1,html>body .wsts2,html>body **/ .wsts0 {color:#99BF72; background-image:url('images/webrtc_gray.png'); border:1px solid #99BF72; background-color:#D2E3BF;} .wsts0 a{color:#99BF72;} .wsts1 {background-image:url('images/webrtc_green.png'); border:1px solid #99BF72;} .wsts2 {background-image:url('images/webrtc_red.png'); border:1px solid #FBBEA8;} /**************** webrtc indicator class with div ************/ .wdiv0,.wdiv1,.wdiv2,{ display: block; width:24px; height:24px; border-radius:5px;} .wdiv0 {width:14px; height:14px; border-radius:4px; margin:2px; padding:2px; display: inline-block; background-color: grey; border:2px solid #99BF72;} .wdiv1 {width:14px; height:14px; border-radius:4px; margin:2px; padding:2px; display: inline-block; background-color: #59D659; border:2px solid #99BF72;} .wdiv2 {width:14px; height:14px; border-radius:4px; margin:2px; padding:2px; display: inline-block; background-color: red; border:2px solid #FBBEA8;} /*Drop Down Menu*/ .hb, .hb_label_cover{display:none;} .hb_sign{display:none;} .drop_down{ display:block; width: 70%; float:left; } /* Media query BEGIN */ @media screen and (max-device-width:600px){ html { font-size: 1em; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } *{ padding:0; margin:0; border:none; } body#om, body#gm{ text-align: right; } body > *{ text-align: initial; } body#om, body#login, body#gm{ margin:0; padding:0; background:none; font-family: sans-serif; font-size: 100%; } div#mh, div#op, div#gmv, dic#trhead{ width:100%; display:block; position: relative; top:0; left:0; padding:0; margin:0; display:block; float:none; overflow: hidden; border:none; background-image: none; } /* Compose page BEGIN */ div#mh div#env, html > body div#mh div.att, div#send{ width: 100%; float:none; display:block; margin: 0.1em auto; padding:0.3em; } div#mh div#env h2{ padding: 0; margin: 0; font-size: 100%; text-align: center; display: none; } div#env div{ float:none; width: 100%; line-height: 100%; } div#env #ad{width: 100%; display: inline-block;} div#dd em{bottom:auto;} div#env input, div#env div#dd/*Select Box*/{ width:70%; margin: 0.1em 0; } div#env div#dd select, #WFsel, textarea#bd div#op input[type='textbox'], div#op input[type='text'], div#op select { border-radius: 0.3em; border: solid #618045 1px; background: white; font-size: 100%; padding: 1vw; } div.att input[type='button'], div#env #add_to, div#env #add_cc, div#env #add_bcc, div#send input{ padding: 1vw 5vw; font-size: 1em; } textarea#bd, pre{ font-size: 80%; } div.att{ font-size: 80%; text-align: center; } div.att h5{ clear: both; } html > body div.att input.file{ width:60%; margin: 0 auto; float: none; } div#send{ text-align: right; } div#send input{ margin: 0 0.1em; } #bd{ height: 80vh; } /* Compose page END */ div#mh > h2{ font-size: 1em; text-align:center; padding:0; margin:0; margin-top:0.3em; font-size: 0.8em; } html>body div#op{ width:100%; margin:0 auto; padding:0.2em; } html>body div#op *{ position: relative; top: auto; left: auto; height: auto; width: auto; margin: auto; /*float: none;*/ } html > body div#op input[type='button'], html > body div#op input[type='submit'], div.bigb input[type='submit']{ height: auto; padding:0.2em; margin:0.1em; text-align: center; font-size: 100%; } html>body div#op div#rt{display:none;} div#op h5{ font-size: 80%; text-align: center; } div#op h5#ead{ position:relative; float: none; clear: both; } div#op div.cb, div#op div{ text-align: center; padding: 0.2em; border: none; } div#op > h5 + div.cb{text-align: left;} div#op div.bt2 input{ width: 45%; } div#op div.bigb input{ margin: 0.1em; width: 92%; } html > body div#mh iframe#ifr{ width:100%; float:none; margin: 0 auto; padding:0; height:100vh; } div#foot, div#leftcol{display:none;} /* Navigation */ div#nav{ position:fixed; z-index:10001; top:0; left:0; margin:0; padding:0; width:100%; vertical-align:middle; float:none; overflow: visible; background:#618045; box-shadow: 0 2px 3px rgba( 50,50,50,0.5 ); display: flex; } div#nav em, div#nav a.n0, div#nav a.n1{ display:inline-block; float:none; margin:0 auto; padding: 0.5em 0; vertical-align:middle; } div#nav em{font-size: 100%;} /* Overriding the 160% size */ div#nav > .drop_down a.n1, div#nav > .drop_down a.n0{ padding-left: 40px; } div#nav a.n0, div#nav a#lo{ display: block; margin: 2px 0; padding: 0.2em; padding-left: 1.0em; vertical-align:middle; text-align: left; } div#nav div.sep, div#nav div.sep2{display:none;} div#nav a#lo{ color: white; font-size: 85%; text-align: center; margin-right: 0.5em; } /* Height of header bar */ div#nav, div#nav a#lo, div#nav a.n0, div#nav a.n1, .hb_label, .hb_label em, .hb_sign { height: 40px; /* Height of nav */ display:block; font-weight: normal; } div#nav .hb_label em{ margin-left: 45px; /* Fallback for browsers not supporting calc */ margin-left: calc(40px + 40px / 10); } /* Hide sub-menus */ div#menu, div#menu a.n1, div#menu a.n0, div#menu a.dn { display: none; max-width: 0; width: 0; max-height: 0; height: 0; padding: 0; margin: 0; top: auto; left: auto; z-index: auto; } div#mh, div#gmv, div#trhead, body#om > table {margin-top:40px; /* Height of nav */} .hb_label{ display: inline-block; width: 70%; } .hb_label_cover{ display: block; position: absolute; height: calc(100vh - 40px); width: 100vw; left: 100vw; top: 40px; z-index: 50; background-color: transparent; background: linear-gradient( to bottom, rgba(50,50,50,0.5), white ); transition: background ease-in 0.2s; } .hb_label_cover .mobile-logo{ position: absolute; bottom: 0; right: 0; width: 0; height: 0; background: url('logo.gif') no-repeat bottom center; background-size: 100%; transition: all ease-in 0.2s; } .hb_sign{ height: 40px; width: 40px; font-size: 1.5em; line-height: 40px; text-align: center; background: rgba(240, 255, 240, 0.4); color: white; border-radius: 1.5em; transition: all ease 0.2s; position: fixed; z-index: 50000; } .drop_down{ position:fixed; z-index:10000; left: -70%; top: 40px; margin: 0; width: 60%; min-height: 100vh; /* If calc not supported */ min-height: calc(100vh - 40px); max-height: 100vh; /* If calc not supported */ max-height: calc(100vh - 40px); display: block; background: #618045; box-shadow: 2px 0 3px rgba( 50,50,50,0.5 ); overflow-y: scroll; overflow-x: hidden; transition: left ease-in 0.2s; } .drop-down a{ display: block; width: 100%; } div#nav a.n1{ margin:0; display: block; width: 60vw; } input[type=checkbox]:checked ~ .drop_down{ /* Open the menu */ left: 0; transition: left ease-out 0.2s; } input[type=checkbox]:checked + .hb_label > .hb_sign{ /* Rotation of arrow sign */ -webkit-transform: rotate(180deg) scale(1.1, 1.1); transform: rotate(180deg) scale(1.1, 1.1); box-shadow: 0px -2px 15px rgba( 50,50,50,0.5 ); } input[type=checkbox]:checked ~ .hb_label_cover{ /* For graying the screen when the menu opens */ left:0; transition: background ease-out 0.2s; } input[type=checkbox]:checked ~ .hb_label_cover .mobile-logo{ width: 40vw; height: 40vw; right: 0; transition: all ease-out 0.2s; } /* Inbox */ form[action='mmm.e'] table{ width: 100%; margin: 0 auto; } form[action='mmm.e'] table tr.Ml, form[action='mmm.e'] table tr.Mlur{ display:-webkit-flex; display:flex; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0.3em 0; max-width: 100vw; font-size: 100%; /*to override tr.Ml td*/ margin: 0 auto; } form[action='mmm.e'] table tr.Ml:hover, form[action='mmm.e'] table tr.Mlur:active{background: #EFFCF8;} /* Unread mail */ form[action='mmm.e'] table tr.Mlur{} /* Header Row - Used for sorting mail */ form[action='mmm.e'] table tr.Mh{display: none;} /* hides th one at the bottom */ form[action='mmm.e'] table tr.Mh:first-child{ display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; top: 0; width: 100vw; float: none; clear: both; padding: 5px 0 7px 0; background: transparent; font-weight: normal; } form[action='mmm.e'] table tr.Mh:first-child:before{ width:15%; display: inline-block; content: 'Sort By'; text-align: center; color: #618045; height: 25px; line-height: 25px; font-weight: normal; } form[action='mmm.e'] table tr.Mh:first-child td{ display: inline-block; margin: 0 auto; padding: 0; width: 15%; height: auto; border: none; font-size: 1em; text-align: center; } form[action='mmm.e'] table tr.Mh:first-child td a{ display: block; height: 25px; line-height: 25px; background:#99BF72; box-shadow: 0px 1px 3px rgba( 50,50,50,0.5 ); transition: all ease 0.2s; } form[action='mmm.e'] table tr.Mh:first-child td a:active{ box-shadow: 0px 5px 20px rgba( 50,50,50,0.5 ); transition: all ease 0.2s; } form[action='mmm.e'] table tr.Mh:first-child td:nth-child(2){display: none;} form[action='mmm.e'] table tr.Ml > td, form[action='mmm.e'] table tr.Mlur > td{ border:none; display:inline-block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-size: 100%; /*to override tr.Mlur*/ height: 8vmin; vertical-align: middle; } /*'New' column*/ form[action='mmm.e'] table tr.Ml > td:first-child, form[action='mmm.e'] table tr.Mlur > td:first-child{ display:none; } /*Checkbox*/ form[action='mmm.e'] table tr.Ml > td:nth-child(2), form[action='mmm.e'] table tr.Mlur > td:nth-child(2){ -webkit-order: 1; order: 1; padding-left:0.2em; margin:auto; width:5%; height:100%; overflow:hidden; } form[action='mmm.e'] table tr.Ml > td:nth-child(2) > input, form[action='mmm.e'] table tr.Mlur > td:nth-child(2) > input{ border-radius: 1em; } /*From*/ form[action='mmm.e'] table tr.Ml > td:nth-child(3), form[action='mmm.e'] table tr.Mlur > td:nth-child(3){ -webkit-order: 2; order: 2; margin-left:0; width: 65%; } form[action='mmm.e'] table tr.Ml > td:nth-child(3) > a, form[action='mmm.e'] table tr.Mlur > td:nth-child(3) > a{ text-decoration: none !important; border-bottom: dotted 1px #99BF72 !important; display: block; } /*Subject*/ form[action='mmm.e'] table tr.Ml > td:nth-child(4), form[action='mmm.e'] table tr.Mlur > td:nth-child(4){ -webkit-order: 4; order: 4; margin-left:5%; width:95%; height:10vmin; font-size: 80%; } /*Date*/ form[action='mmm.e'] table tr.Ml > td:nth-last-child(2), form[action='mmm.e'] table tr.Mlur > td:nth-last-child(2){ -webkit-order: 3; order: 3; width: 30%; text-align: center; font-size: 0.8em; } /*Size*/ form[action='mmm.e'] table tr.Ml > td:last-child, form[action='mmm.e'] table tr.Mlur > td:last-child{ display:none; } /*Pagination*/ tr.Mhl{display: none;} input[type='hidden'] + table > tbody tr.Mhl{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; background:transparent; margin: 0 auto; z-index: 9998; float: none; } tr.Mhl td a.prev, tr.Mhl td a.next{ font-weight: normal; padding-left: 0; padding-right: 0; } tr.Mhl td a.prev{ padding-left: 2vw; } tr.Mhl td a.next{ padding-right: 2vw; } tr.Mhl > td:first-child, tr.Mhl > td:last-child{ display: inline-block; width: 40%; } tr.Mhl > td:first-child > a, tr.Mhl > td:last-child > a{ display: block; width:100%; height: 100%; line-height: 1; font-size: 0.8em; } tr.Mhl > td:first-child a:before, tr.Mhl > td:last-child a:after{ display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; font-size: 1.5em; font-weight: bold; background-color:#EFFCF8; color:#618045; text-align: center; } tr.Mhl > td:first-child a:before{ content: ' < ';} tr.Mhl > td:last-child a:after{ content: ' > ';} tr.Mhl > td:nth-child(2){ display:inline-block; width:20%; height: auto; max-height: 30px; overflow-y: hidden; color: #D2E3BF; transition: all 0.5s ease; } tr.Mhl > td:nth-child(2):hover{ max-height: 100vh; } tr.Mhl > td:nth-child(2):hover:before{ opacity: 0; width: 100vw; height: 100vw; left: 0; transition: all 0.5s ease; } tr.Mhl > td:nth-child(2):before{ display: block; width: 30px; height: 30px; border-radius: 30px; max-height: 30px; line-height: 30px; margin: 0 auto; margin-bottom: 1em; position:absolute; left: calc(50vw - 15px); opacity: 1; background: #EFFCF8; color: #618045; font-size: 1.5em; content: "#"; transition: all 0.5s ease; } tr.Mhl > td:nth-child(2):hover > a{ margin-top: -5px; margin-bottom: 5px; opacity: 1; } tr.Mhl > td:nth-child(2) > a{ /* Page numer links */ display: block; width: 95%; margin: 0 auto; padding: 3px; background: #EFFCF8; box-shadow: 0px 1px 2px rgba( 50,50,50,0.5 ); opacity: 0; transition: all 0.5s ease; } tr.Mhl > td:nth-child(2) > a:active{ box-shadow: 0px 2px 5px rgba( 50,50,50,0.5 ); transition: all 0.5s ease; } /*For Login Page BEGIN*/ body#login{ display:-webkit-flex; display: flex; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; min-height: 100vh; background-color: transparent; background-image: url('logo.gif'); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; background-size: auto; } #logindet > br:first-child, #logindet > br:nth-child(2), #logindet > br:nth-child(3){ display: none; } #logindet{ margin-top: 20vmax !important; padding: 1em !important; background: #99BF72; box-shadow: -5px 0 25px rgba( 50,50,50,0.5 ); border: none !important; border: none !important; } #logindet > b > input:not([type='checkbox']):not([type='submit']){ width: 70vw !important; margin: 0 auto; display: inline-block; } /* reset */ div#loginmsg, div#login_lt, div#login_lt a, div#warn{ position: initial; top: auto; left: auto; right: auto; bottom: auto; width: 100%; height: auto; margin:0; padding: 0; float:none; display: block; background: transparent; } div#login_rt{-webkit-order: 2; order: 2;} div#warn{-webkit-order: 1; order: 1;} div#loginmsg{-webkit-order: 3; order: 3;} div#login_lt{-webkit-order: 4; order: 4;} div#login_lt > a{ display: block; margin: 0 auto; width: 100vw; text-align:center; } div#alignpage{display: none;} div#warn{ position: absolute; z-index: 10001; top: 15vmin; text-align: center; background: rgba(255,255,255,0.5); } div#login_lt, body#om div#login_lt { height: auto; } html > body div#login_rt, div#login_rt div { width: 100%; margin-left: 0; padding-left: 0; padding: 0.4em 0.8em; margin: 0 auto; font-weight: normal; background: #D2E3BF; border: none; } html > body div#login_rt{ padding: 0; padding-top:0; background: transparent; border: none; } div#login_rt div#rtlogin {display: none;} div#login_rt input.lmsubmit, div#login_rt div#logindet input.idpwd{ width: auto; padding: 0.2em; margin: 0.5em auto; border-radius: 0.3em; border: solid #618045 1px; font-size: 100%; } div#login_rt input.lmsubmit{ font-weight: bold; padding: 0.2 0.5em; } /* Login page END */ /* Message page BEGIN */ div#gmv > table > tbody > tr:first-child{display: none;} div#gmv > table > tbody > tr:nth-child(2){ display:-webkit-flex; display:flex; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; } div#gmv > table > tbody > tr:nth-child(2) > td.Headrs{-webkit-order: 2; order:2;} div#gmv > table > tbody > tr:nth-child(2) > td.optdes{-webkit-order:1; order: 1;} div#gmv > table > tbody > tr:nth-child(2) > td.Headrs, div#gmv > table > tbody > tr:nth-child(2) > td.optdes, div#msg{ display: block; width:100%; max-width: 100vw; margin: 0; padding: 0.5em; border: none; } div#msg{ max-width: 100vw; width: 99vw; overflow: scroll; box-shadow: 1px 1px 1px rgba( 50,50,50,0.5 ) inset; } div#msg *{ max-width: 100vw; } div#msg img{ width: 100vw; } div#gmv > table > tbody > tr:nth-child(2) > td.optdes > br + br{display: none;} td.optdes{ font-size: 100%; } td.optdes{text-align: center;} td.optdes a{ display: inline-block; padding: 0.2em; margin: 0.1em; width: 70px; font-size: 80%; text-decoration: none; } td.optdes a:active{transition: all 0.2s ease;} /* Message page END */ /* pf.e BEGIN */ form[action='pf.e'] table, form[action='pf.e'] table tr{ max-width: 100vw; width: 100vw; display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; } form[action='pf.e'] table tr.Ml_NOB{ height: auto; padding: 0.5em 0.2em; border-bottom: dashed 1px gray; } form[action='pf.e'] table tr.Ml_NOB:last-child{ border: none; } form[action='pf.e'] table tr.Ml_NOB:last-child td:first-child{ display: none; } form[action='pf.e'] table tr.Ml_NOB:last-child td:nth-child(2), form[action='pf.e'] table tr.Ml_NOB:last-child td:last-child{ background: transparent; } form[action='pf.e'] table tr.Ml_NOB:not(:last-child) td{ display: inline-block; background: transparent; padding: 0.2em; font-size: 1em; } form[action='pf.e'] table tr.Ml_NOB:not(:last-child) td:first-child{ width: 40%; } form[action='pf.e'] table tr.Ml_NOB:not(:last-child) td:nth-child(2){ width: 60%; } form[action='pf.e'] table tr.Ml_NOB:hover .note{ transition: all ease-out 0.2s; display: inline-block; } form[action='pf.e'] table tr.Ml_NOB td.note{ margin: 0 auto; width: 90vw; background: aliceblue; color: gray; border-radius: 0.5em; font-size: 80%; display: none; margin: 0 auto; transition: all ease-in 0.2s; } /* pf.e END */ /* bphone BEGIN */ html > body #chtbx{ left: auto; bottom: -1.8em; width: 100vw; margin-left: 0; max-height: 85vh; overflow-y: scroll; box-shadow: 0 -2px 3px rgba( 50,50,50,0.5 ); } #callfrm{ padding: 0.2em; } #callfrm img, #callfrm a, #cactn img, #cactn a img, #cactn a:hover img, div#webrtc, div#webrtc a{ width: 6vmin; height: 6vmin; padding: 0; } .cnum{} #fop{ margin-bottom: 1.8em; } body{padding-bottom: 1.8em !important;} /* bphone END */ /* e2f.e BEGIN */ tr.ml_nob td { display: block; width: 95%; margin: 0.5em auto; padding: 0; float: none; clear: both; } /* e2f.e END */ /* e2fp.e BEGIN */ div#e2fchanges, div#e2f1, div#e2f1 div#rightcol{ margin: 0 auto; padding: 0 !important; width: 100%; font-size: 80%; } div#e2f1 div#rightcol div#e2f1remcredit{ width: auto; padding: 0.5em 0; } div#e2f1 div#leftcol { display: none !important; float: none; width: auto; margin: 0 auto; } div#e2f1 div#rightcol form{ width: 90%; margin: 0.5em auto; padding: 0.5em; border: solid 1px #618045; text-align: center; } div#e2f1 div#rightcol form input[name="cs"], div#e2f1 div#rightcol form input[name="cf"], div#e2f1 div#rightcol form input[name="cu"], div#e2f1 div#rightcol form input[name="cp"], div#e2f1 div#rightcol form input[type="text"] { display: inline-block; padding: 0.3em; background: white; border: 1px solid #618045; border-radius: 0.5em; } /* e2fp.e END */ /* bc.e BEGIN */ div#mh div#uc div.but { overflow: visible; /* For shadows */ } div#mh div#uc div.but > input { width: 90% !important; } /* bc.e END */ /* General Rules */ html > body table{ width: 100vw; overflow-x: scroll; } select, input{ border-radius: 5px !important; background: white !important; border: solid 1px #618045 !important; } input[type="submit"], input[type="button"], td.optdes a { background: #618045 !important; color: #EFFCF8 !important; padding: 5px 8px; height: auto; !important; border: solid #EFFCF8 1px; border-radius: 0.3em; box-shadow: 0 1px 1px rgba(50,50,50,0.5); transition: all ease-in 0.2s; } input[type="submit"]:active, input[type="button"]:active, td.optdes a:active{ background: #99BF72 !important; box-shadow: 0px 5px 10px rgba( 50,50,50,0.5 ); transition: all ease-out 0.2s; } tr.Ml_NOB{ display: -webkit-flex; display:flex; } tr.Ml_NOB > td:first-child{ display: none; } } /* Media query END */ /* bc.e BEGIN */ #uc form[action='bc.e'] > *:not(script):not(table){ float: none !important; clear: both !important; overflow: hidden; display: inline-block !important; margin: 0 auto !important; padding: 0px !important; } div#mh div#uc div.descr{ width: 100% !important; } div#mh div#uc div.ips{ width:65% !important; } div#mh div#uc div.ips > input, div#mh div#uc div.but > input{ display: block; width: 90%; margin: 0 auto; } div#mh div#uc div.but > input{ width: 125px; } div#mh div#uc div.but{ width:30% !important; padding-top: 0; } div#mh div#uc div#butt{ display: block !important; overflow: visible; /* For shadows */ } div#mh div#uc div#butt input{ width: auto; height:auto; padding: 0.8em 1.5em; } div#mh div#upf div, div#mh div.dv input{ margin: 0 auto !important; overflow-x: hidden; } div#mh div#nm div{ overflow-x: hidden; } div#mh div.dv input[type='text']{ overflow-x: hidden; margin: 0 auto; width: 90%; } #uc > form:nth-child(1) > table:nth-child(19){ width:100% !important; } /* bc.e END */