body, html { font-size : 12px; height : auto; margin : 0; padding : 0; width : 100%; overflow-x:hidden}
.screen { overflow : hidden; text-align : center; width : 100%; }
.register { height : 100%; width : 60%; }
.title { font-size : 2.3em; padding-top : 2%; }
.button { cursor : pointer; display : inline-block; font-size : 12px; padding : 4px 8px; text-align : center; text-decoration : none; }
.button-action { cursor : pointer; display : inline-block; font-size : 24px; padding : 4px 8px; text-align : center; text-decoration : none; }
.button-tag { cursor : pointer; display : inline-block; padding : 4px 12px; text-align : center; text-decoration : none; }
.button-tag:hover { text-decoration : none; }
#Registration { height : auto; margin-left : auto; margin-right : auto; max-width : 915px; padding : 5px; width : auto !important; }
#Registration .row { display : inline; float : left; height : auto; width : 100%; }
#Registration .container { padding-left : 15px !important; }
#Registration .col1 { display : inline; float : left; font-size : 12px; height : 18px; margin : 3px 0 3px 0; padding : 1px; width : 200px; }
#Registration .col2 { display : inline; float : left; height : 18px; margin : 3px 0 3px 0; padding : 1px; width : 240px; }
#Registration .col3 { display : inline; float : left; height : auto !important; margin : 3px 0 3px 0; width : 680px; }
#Registration .col4 { display : inline; float : left; height : auto !important; margin : 3px 0 3px 0; padding : 1px; width : 500px; }
#Registration h2 { font-size : 16px; font-weight : bolder; line-height : 30px; text-align : justify; }
#Registration .txt { font-size : 12px; height : 20px; max-width : 100%; padding : 2px; text-align : left; width : 150px; }
#Registration .dt { font-size : 12px; height : 20px; padding : 2px; text-align : left; }
#Registration .txta { font-size : 12px; height : 70px; max-height : 70px; max-width : 750px; text-align : left; width : 100%; }
#Registration .lst { font-size : 11px; max-width : 100%; text-align : left; }
#Registration .lst1 { font-size : 11px; text-align : left; width : 150px; }
#Registration .b { font-weight : bold; }
#Registration .ins { float : left; font-size : 14px; font-weight : bolder; height : 50px; padding : 13px 15px 0 85px; }
#Registration .err { display : inline-block; height : AUTO; width : 13px; }
#Registration li { margin : 10px 0 10px 0; }
#Registration input.numbr { height : 20px; width : 64px; }
#Registration input.aCode { height : 20px; width : 45px; }
#Registration input.cntCode { height : 20px; width : 35px; }
#Registration input.Lnumbr { height : 20px; width : 112px; }
#Registration .rmv { display : block; float : right; margin : 2px; }
#Registration .sln { display : block; float : left; font-weight : bolder; margin : 2px 2px 5px 2px; padding : 2px; }
#Registration .row0 { display : inline; float : right; height : auto !important; margin : 10px 0 10px 0; padding : 5px; text-align : right; width : 748px; }
#Registration .btn { cursor : pointer; font-weight : bold; padding : 1px 2px; }
#Registration .txtarea { font-size : 12px; height : 90px; max-height : 90px; max-width : 592px; overflow : auto; width : 90% !important; }
*html .txtarea { height : 90px; max-height : 90px; max-width : 565px; overflow : auto; width : 565px; }
#RegfamilyOccupation { height : auto; margin-left : auto; margin-right : auto; max-width : 915px; padding-left : 10px; width : auto; }
#RegfamilyOccupation .boxh { float : left; height : 20px; margin : 10px 0 10px 0; max-height : 20px; max-width : 769px; padding : 10px; width : auto; }
#RegfamilyOccupation .box { float : left; height : 20px; max-height : 20px; max-width : 769px; padding : 0 5px 10px 5px; width : auto; }
#RegfamilyOccupation .row { display : inline; float : left; height : Auto !important; width : 769px; }
#RegfamilyOccupation .col { display : inline; float : left; height : auto; margin : 3px 0 3px 0; padding : 2px; width : auto; }
#RegfamilyOccupation .col0 { display : inline; float : left; height : auto; margin : 3px 0 3px 0; padding : 1px; width : 382px; }
#RegfamilyOccupation .col1 { display : inline; float : left; height : 16px; margin : 3px 0 3px 0; padding : 1px; width : 150px; }
#RegfamilyOccupation .col2 { display : inline; float : left; height : 16px; margin : 3px 0 3px 0; padding : 1px; width : 228px; }
#RegfamilyOccupation .err { font-size : 13px; text-align : left; vertical-align : middle; }
#RegfamilyOccupation .wrapper { height : auto !important; width : 100%; }
#RegfamilyOccupation h1 { font-size : 16px; font-weight : bold; margin : 10px 0 20px 0; padding : 0 0 5px 0; text-align : justify; }
#RegfamilyOccupation h2 { font-size : 14px; font-weight : bold; margin : 5px 0 10px 0; padding : 0 0 5px 0; text-align : justify; }
#RegfamilyOccupation h3 { font-weight : bold; }
#RegfamilyOccupation .row0 { display : inline; float : right; height : auto !important; margin : 10px 0 10px 0; padding : 5px; text-align : right; width : 748px; }
#RegfamilyOccupation .btn { cursor : pointer; font-weight : bold; padding : 1px 2px; }
#RegfamilyOccupation .btns { cursor : pointer; font-weight : bold; height : 40px; padding : 0 8px 0 8px; }
#suggestionsDiv { float : left; height : 100px; position : absolute; left : 0px; margin-left : 0; margin-top : 0; top : 0px; z-index : -2; }
.suggestionsTable { font-size : 8px; width : 100%; }
.titleTr,
.titleTd { font-size : 12px; font-weight : normal; }
.commentsTr,
.commentsTd { font-size : 12px; font-style : italic; font-weight : normal; padding-left : 2px; }
.suggestionsHilightedTr { cursor : pointer; }
.hilighted { font-weight : bolder; }
#ReqCity { float : left; font-size : 10px; height : 250px; width : 330px; }
#ReqCity .row { display : inline; float : left; height : 30px; padding : 5px; width : 320px; }
#ReqCity .col { display : inline; float : left; height : 20px; padding : 5px; width : 100px; }
#ReqCity .cole { display : inline; float : left; height : 20px; padding : 5px; width : 200px; }
#ReqCity .txt { display : inline; float : left; height : 18px; width : 195px; }
#ReqCity .ctxt { display : inline; float : left; height : 18px; width : 100px; }
#ReqCity .err { font-size : 11px; }
#ReqCity .select { display : inline; float : left; height : auto; width : 200px; }
#ReqCity .b { font-size : 12px; font-weight : bold; }
#wraperDiv { font-size : 11px; height : auto; margin-left : 5px; max-width : 758px; width : auto; }
#wraperDiv .row { display : inline; float : left; height : auto; width : 100%; }
#wraperDiv .rowa { display : inline; float : left; height : auto; margin : 2px 0 2px 0; width : 100%; }
#wraperDiv .box { display : block; float : left; height : auto; margin : 10px 2px 10px 2px; padding : 2px; width : auto; }
#wraperDiv .row .col { display : inline; float : left; font-size : 11px; height : auto !important; width : 200px; }
#wraperDiv .row .col0 { display : inline; float : left; height : auto !important; width : 135px; }
#wraperDiv .row .col02 { display : inline; float : left; height : auto !important; width : 228px; }
#wraperDiv .row .col1 { display : inline; float : left; height : auto !important; width : 150px; }
#wraperDiv .row .col2 { display : inline; float : left; font-size : 12px; height : 20px; width : 170px; }
#wraperDiv .row .colx { display : inline; float : left; font-size : 12px; height : auto !important; width : 600px; }
#wraperDiv .row .cole { display : inline; float : left; height : auto !important; text-align : justify; vertical-align : middle; width : 400px; }
#wraperDiv .row .col,
.col0,
.cole,
.col1,
.col2,
.col02,
.colx,
label { font-size : 12px; vertical-align : text-top; }
#wraperDiv .row .txt { height : 22px; padding : 1px; width : 200px; }
#wraperDiv .row .txtb { height : 80px; max-height : 80px; max-width : 200px; padding : 1px; width : 200px; }
#wraperDiv .row .select1 { height : auto; padding : 1px; width : 208px; }
#wraperDiv .row .select0 { height : auto; padding : 1px; width : auto; }
#wraperDiv h1 { font-size : 16px; font-weight : bold; margin : 0; }
#wraperDiv h2 { font-size : 14px; font-weight : bold; margin : 0; }
#wraperDiv h4 { font-size : 13px; font-weight : bold; margin : 0; }
#wraperDiv h5 { font-size : 12px; font-weight : normal; margin : 0; text-align : justify; }
#wraperDiv h6 { font-size : 15px; font-weight : bolder; margin : 0; text-align : justify; }
#wraperDiv #table { display : table; margin : 0; width : 100%; }
#wraperDiv #table .row { display : table-row; font-size : 12px; width : 100%; }
#wraperDiv #table .col1 { display : table-cell; float : left; margin : 1px; padding : 2px; width : 80px; }
#wraperDiv #table .col2 { display : table-cell; float : left; margin : 1px; padding : 2px; width : 180px; }
#wraperDiv #table .col3 { display : table-cell; float : left; margin : 1px; padding : 2px; width : 280px; }
#wraperDiv #msgDiv { height : auto !important; max-width : 748px; width : 748px; }
#wraperDiv #msgDiv .col { display : inline; float : left; font-size : 11px; height : auto !important; padding : 1px; width : 182px; }
#wraperDiv #msgDiv .col1 { display : inline; float : left; height : auto !important; margin : 3px 0 3px 0; width : 448px; }
#wraperDiv #msgDiv .col1a { display : inline; float : left; height : auto !important; margin : 3px 0 3px 0; width : 448px; }
#wraperDiv #msgDiv .col1b { display : inline; float : left; height : auto !important; margin : 3px 0 3px 0; width : 448px; }
#wraperDiv #msgDiv .txta { display : inline; float : left; height : 198px; max-height : 198px; max-width : 430px; width : 430px; }
#wraperDiv #msgDiv .btn { cursor : pointer; font-weight : bold; padding : 0; }
#wraperDiv #msgDiv .col2 { display : inline; float : right; height : auto !important; margin : 3px 0 3px 0; width : 285px; }
#wraperDiv #msgDiv #smlMenu ul { margin : 4px 0px 0px 0px; padding : 0px; padding-left : 1px; z-index : 4; }
#wraperDiv #msgDiv #smlMenu li { display : inline; list-style-type : none; overflow : hidden; }
#wraperDiv #msgDiv #smlMenu ul a,
a.active { cursor : pointer; font : bold 12px "Trebuchet MS", Arial, sans-serif; margin : 0 2px 0 2px; padding : 2px 6px 0 6px; text-decoration : none; }
#wraperDiv #viewfamilyOccupation { float : left; height : auto !important; margin : 10px 10px 10px 10px; max-width : 748px; padding : 3px; width : 95% !important; }
#wraperDiv #viewfamilyOccupation .row { display : inline; float : left; height : auto !important; margin : 3px 0 3px 0; padding : 1px; width : 746px; }
#wraperDiv #viewfamilyOccupation .row1 { display : inline; float : left; height : auto !important; margin : 3px 0 3px 0; padding : 1px; width : 746px; }
#wraperDiv #viewfamilyOccupation .col1 { display : inline; float : left; height : auto; width : 134px; }
#wraperDiv #viewfamilyOccupation .col2 { display : inline; float : left; height : auto; width : 229px; }
#wraperDiv #viewfamilyOccupation .col3 { display : inline; float : left; height : Auto !important; width : 560px; }
#wraperDiv .pager { float : right; font-size : 12px; height : auto; margin : 2px 0 0 0; padding : 5px 5px 7px 5px; text-align : right; width : 360px; }
#wraperDiv .pager ul { display : inline; margin-left : 0px; padding-left : 0px; }
#wraperDiv .pager li { display : inline; list-style : none; margin : 1px; text-align : center; }
#wraperDiv .pager li a { font-size : 12px; font-weight : 100; padding : 3px 5px 3px 5px !important; text-decoration : none !important; }
#wraperDiv .pager li a:hover { font-size : 12px; padding : 3px 5px 3px 5px !important; text-decoration : none !important; }
#wraperDiv .pager .current { font-size : 12px; padding-left : 2px; padding-right : 2px; text-decoration : none; }
.errdiv { display : inline; float : left; font-size : 13px; height : auto; line-height : 20px; margin : 5px 0 5px 0; padding : 10px 5px 10px 5px; width : 746; max-width:100%}
.bdr { font-size : 16px; font-weight : bold; padding : 0px 5px 0px 5px; text-align : center; text-decoration : none; }
.btn33 { font-weight : bold; padding : 0 8px 0 8px; text-align : center; text-decoration : none; }
.btn { cursor : pointer; font-weight : bold; }
.b { font-size : 11px; font-weight : bold; }
.fl { float : left; }
.r { text-align : right; }
.pd5 { padding : 5px; }
.u { text-decoration : underline; }
.rd { font-size : 13px; font-weight : bold; }
#errpg { height : auto; padding : 10px; width : 758px; max-width:100%}
#errpg .log { display : inline; float : left; height : auto; margin : 10px 0 10px 0; padding : 20px 5px 20px 5px; }
#errpg .log .row { height : auto; width : 500px; }
#errpg .log .col1 { height : 22px; width : 140px; }
#errpg .log .col2 { height : 22px; width : 340px; }
#errpg .txt { height : 20px; width : 200px; }
#tabsJ { float : left; font-size : 12px; font-weight : bolder; line-height : normal; width : 100%; }
#tabsJ ul { list-style : none; margin : 0; padding : 10px 10px 0 5px; }
#tabsJ li { display : inline; margin : 0; padding : 0; }
#tabsJ a { float : left; margin : 0; padding-bottom : 0; padding-left : 2px; padding-right : 0; padding-top : 0; text-decoration : none; }
#tabsJ a span { display : block; float : none; padding-bottom : 4px; padding-left : 8px; padding-right : 15px; padding-top : 5px; }
#tabsJ a:hover span { background-position : 100% -42px; }
#tabsJ a:hover { background-position : 0 -42px; }
#tabsJ .current a { background-position : 0% -42px; }
#tabsJ .current a span { background-position : 100% -42px; }
#tabsK { font-size : 12px; font-weight : bolder; line-height : normal; overflow : hidden; position : relative; width : 100%; }
#tabsK ul { clear : left; float : left; left : 50%; list-style : none; margin : 0; padding : 10px 10px 0 5px; position : relative; }
#tabsK li { display : inline; float : left; line-style : none; margin : 0; padding : 0; position : relative; right : 50%; }
#tabsK a { float : left; margin : 0; padding-bottom : 0; padding-left : 2px; padding-right : 0; padding-top : 0; text-decoration : none; }
#tabsK a span { display : block; float : none; padding-bottom : 4px; padding-left : 8px; padding-right : 15px; padding-top : 5px; }
#tabsK a:hover span { background-position : 100% -42px; }
#tabsK a:hover { background-position : 0 -42px; }
#tabsK .current a { background-position : 0% -42px; }
#tabsK .current a span { background-position : 100% -42px; }
#tabsF { float : left; font-size : 12px; font-weight : normal; line-height : normal; overflow : hidden; position : relative; width : 100%; }
#tabsF ul { clear : left; float : left; left : 50%; list-style : none; margin : 0; padding : 10px 10px 0 5px; position : relative; }
#tabsF li { display : inline; float : left; line-style : none; margin : 25px; padding : 0; position : relative; right : 50%; }
.comm-home { padding-left : 20px !important; }
.well { margin-bottom : 0px !important; min-height : 10px !important; padding : 5px !important; }
.heading1 { font-size : 20px !important; }
.toppad { font-size : 10px; margin-top : 10px !important; padding-top : 10px !important; }
.under { font-weight : bold; text-decoration : underline; }
.downpad { padding-bottom : 10px; }
h2 { font-size : 13px !important; font-weight : bold !important; }
h3 { font-size : 11px !important; }
.col { font-size : 11px !important; }
#HistoryDiv { padding-top : 10px; }
.up { margin-top : 0px !important; }
.left { margin-bottom : 10px !important; margin-left : 0px !important; padding-left : 10px !important; width : 90% !important; }
.icon { margin-left : 0px !important; padding-right : 10px; }
.btn1 { margin-right : 10px !important; }
.pad { margin : 2px 2px 2px 17px !important; }
.mar { padding-left : 15px !important; padding-right : 2px !important; }
.box { padding : 10px !important; width : 97% !important; }
.text { font-size : 12px !important; }
.general-search-border { padding-left : 10px; }
.padding { padding : 10px; }
.i1 { margin-bottom : 4px !important; margin-left : -25px !important; }
.b2 { margin-top : 10px !important; }
.b3 { float : left; font-size : 14px; line-height : 20px; padding : 10px; }
.button-panel .button-tag { margin : 0 4px 8px 0; }
.ic { margin-left : 0px !important; margin-right : 0px !important; }
.bold { font-weight : bold !important; }
.chk1 { margin-left : 18px !important; }
.padding-left { padding-left : 30px; }
.padding-left-right { padding-left : 20px; padding-right : 20px; }
.box-view { margin-left : 5px; width : 97% !important; }
.non-bold { font-weight : 400 !important; }
#wraperDiv #viewfamilyOccupation .width-less2 { display : inline; float : left; height : auto; width : 229px; }
#wraperDiv .row .width-less2 { display : inline; float : left; font-size : 12px; height : 20px; width : 170px; }
#wraperDiv #viewfamilyOccupation .width-less1 { display : inline; float : left; height : auto; width : 134px; }
#wraperDiv .row .width-less1 { display : inline; float : left; height : auto !important; width : 150px; }
#wraperDiv #viewfamilyOccupation .less2 { display : inline; float : left; height : auto; width : 229px; }
#wraperDiv .row .less2 { display : inline; float : left; font-size : 13px; height : 20px; width : 170px; }
.less2 { font-weight : bold !important; width : 93% !important; }
.pad-left { margin-left : 10px !important; padding-left : 10px !important; }
.m { margin-left : 14px !important; }
.al, .r1 { margin-left : 25px !important; }
.bdr1 { margin-left : 5px !important; width : 96.5% !important; float:left; }
.rsd { margin-left : 5px !important; }
.se li a { font-size : 15px !important; }
.no-mar { margin-left : 10px !important; margin-right : 10px !important; }
.pad-bottom { padding-bottom : 10px !important; }
.mar-left-che { margin-left : 21px !important; }
.old-styling-comm { float : left; line-height : 20px; margin-bottom : 10px; margin-right : 20px; padding : 5px; }
.img-min { min-height : 100px; min-width : 100px; }
.btn-stack { padding : 0px 4px !important; }
.z { z-index : 999; }
.mtop { font-size : 16px !important; font-weight : bolder !important; margin-top : 10px !important; }
.mbot { margin-top : -20px !important; }
.btnstyle { margin : 0px !important; }
.tablerows td { padding-left : 5px !important; }
.paybox { padding-left : 30px !important; }
.row1 { width : 110% !important; }
.wi .row { width : 100% !important; }
#hi { height : 16px !important; }
.win { width : inherit !important; }
.win .row { width : 110% !important; }
.w90 { width : 90% !important; }
#Registration .oldcol1 { font-size : 11px; }
#wraperDiv .row .col,
.col0,
.cole,
.oldcol1,
.oldcol2,
.col02,
.colx,
label { font-size : 11px; }
.a .col1 { width : 130px !important; }
.a .col2 { width : 220px !important; }
#wraperDiv #viewfamilyOccupation .k1 { display : inline; float : left; height : auto; width : 130px; }
#wraperDiv .row .k1 { display : inline; float : left; height : auto !important; width : 150px; }
#wraperDiv #viewfamilyOccupation .k2 { display : inline; float : left; height : auto; width : 220px; }
#wraperDiv .row .k2 { display : inline; float : left; font-size : 12px; height : 20px; width : 170px; }
.logintable td { margin-left : 5px; padding : 5px; }
.shiftleft { margin-left : 5px; }
.sreg { padding : 5px; }
.rem-pad { padding-left : 11px !important; }
.chkmain { margin-top : 10px !important; }
.width65 { width : 65% !important; }
.imggal { height : 156px !important; width : 156px !important; }
.footer-col { font-size : 13px; border-bottom: 1px solid #eee; height: 160px;}
#head {position : fixed; top : 0; width : 100%; z-index : 20; }
#wrapper { display : block; margin-top : 130px; overflow-x : hidden; }
#foot { display : block; font-size : 16px !important; text-align : center; }
.slide-out-div { padding : 20px; width : 37%; }
hr { display : block; margin-bottom : 0.5em; margin-left : auto; margin-right : auto; margin-top : 0.5em; }
.navbar-default { z-index : 999; }
.form { margin : 0; padding : 0; }
.login-form * { text-align : center; margin:5px auto;}
.login-page-form * { text-align : center; margin:5px auto;}
.miniregister-form * { text-align : center; margin:5px auto;}
.button-reg { font-size : 120%; font-weight : bold; padding : 2%; text-decoration : none; }
.lbl { display : block; margin-top : 2%; }
#text-area { width : 83%; }
.firmDet-class { width : 96%; }
.hidden { display : none; }
.rmv { text-align : right; }
.btn-expand { cursor : pointer; }
.htAuto { height : auto !important; }
.centerpanel { margin: auto !important; max-width:800px }
#online {
font-size: 4px;
color: green;
}
@media only screen and (min-width: 768px) {
.login-form {width:230px !important;}
.miniregister-form {width:540px !important;}
}
@media only screen and (max-width: 768px) {
#viewfamilyOccupation { width : 100% !important; }
.row { width : 100% !important; }
.col1,
.col2 { width : 50% !important; }
#tabsK ul { width : 100%; }
#RegfamilyOccupation { display : block !important; height : 100% !important; }
#userControl { display : inline-table !important; max-height : 100% !important; padding-left : 0.3em; width : 98% !important; }
.row1 { width : 100% !important; }
.col3 { width : 100% !important; }
#userControl textarea { width : auto !important; }
.row0 { position : relative !important; width : 100% !important; }
.row-fix { width : 99% !important; }
.nodisplay { display : none; }
.b1 { margin : 0 !important; }
.b2 { margin-left : 0 !important; width : 100% !important; }
.k1,
.k2 { width : 25% !important; }
.colxdata { width : 100% !important; }
.login-box { display : none; }
.heading { font-size : 20px; font-weight : bold; text-decoration : underline; width : 100%; }
#text-area { width : 90%; }
.firmDet-class { width : 100%; }
#wrapper { margin-top : 0 !important; overflow : hidden !important; width : 100% !important; }
#head { position : relative;}
}