/* CSS Document - */
/***********************************************************************************************************************************
/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font-size:13px; font-family:Segoe UI!important; color:#1d1d1d; background-size:18% 100%; background-image:url(../images/body_bg.gif); background-repeat: repeat-y; background-image:none\0/; background-color:#f5f5f5}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none; font-weight:normal}
a {color:#298698; font-weight:normal; text-decoration:none}
a:hover {color:#000; text-decoration:none}
a:active, a:focus {outline:0}
img {border:none; max-width:100%}
label {}
ul {list-style:none; padding:0; margin:0}
section, footer {display:block}
p{line-height:20px}
@charset "utf-8";
/* CSS Document */
#Wrapper {width:100%; overflow:hidden}


/* Header CSS  */
header {width:100%; margin:0 auto; clear:both; background:#fff; float:left}
header h1#logo {width:140px; float:left; margin:6px 10px 0 10px; background:url(../images/logo.gif) no-repeat 0 0}
header h1#logo a {width:140px; height:40px; display:block; text-decoration:none}
.hgroup {float:left; width:50%}
.hgroup .modulewrapp {width:auto; border-left:2px solid #298698; padding:5px 10px 8px; float:left; margin:13px 0 5px 0}
.hgroup .modulewrapp .module {font-size:16px; background:url(../images/sprite.gif) no-repeat right 9px; padding:0 18px 0 0; cursor:pointer; color:#298698}
.hgroup .modulewrapp .module:hover {text-decoration:none} 
.hgroup .modulewrapp .modulewrappinn {width:100%; position:relative}
.hgroup .modulewrapp .module:hover  .toggler {display:block!important}
.hgroup .modulewrapp .module .toggler {display:none;  position:absolute; top:35px; left:0px;  z-index:10000000;  width:100%}
.hgroup .modulewrapp .module .toggler .togglerin {background:#0073c6; padding:20px 0; width:100%; margin:22px 0 0 0; overflow:hidden}
.hgroup .project_name {float:left; font-size:12px; margin:12px 0 0 0; border-left:2px solid #298698; padding:0 0 0 10px}
.hgroup .project_name a {font-size: 11px}
.padd0_width {padding:0!important; width:20%}
.hgroup div.projectwrapp {width:50%; float: left; font-size: 10px;margin: 12px 0 0 0;border-left: 2px solid #298698;padding: 0 0 0 10px; min-height:33px}
.hgroup div.projectwrapp b a {font-size:11px}

/* Top bar CSS  */
.toggler ul li {background:#fff; padding:0px; width:122px; float:left; margin:0 0 20px 20px; text-align:center; padding:10px 0 15px 0}
.toggler ul li:hover {background:#f5f5f5}
.toggler ul li a {display:block; font-size:18px; color:#1d1d1d; text-decoration: none; padding:50px 0px 0px}
.toggler ul li h3 {font-size:18px; padding-top:10px}
a.engineering {background:url(../images/engineering.png) no-repeat center 0}
a.marketing {background:url(../images/marketing.png) no-repeat center 0}
a.Sales {background:url(../images/Sales.png) no-repeat center 0}
a.Site {background:url(../images/Site.png) no-repeat center 0}
a.purchase {background:url(../images/purchase.png) no-repeat center 0}
a.AdminTool {background:url(../images/AdminTool.png) no-repeat center 0}
a.Contracts {background:url(../images/Contracts.png) no-repeat center 0}
a.Accounts {background:url(../images/Accounts.png) no-repeat center 0}
a.HR {background:url(../images/HR.png) no-repeat center 0}
a.Workflow {background:url(../images/Workflow.png) no-repeat center 0}
a.Digital-Marketing {background:url(../images/Digital-Marketing.png) no-repeat center 0}
a.Tender {background:url(../images/Tender.png) no-repeat center 0}
a.Land-and-Legal {background:url(../images/Land-and-Legal.png) no-repeat center 0}
a.Leasing-and-Mall-Management {background:url(../images/Leasing-and-Mall-Management.png) no-repeat center 0}
a.Property-Management-System {background:url(../images/Property-Management-System.png) no-repeat center 0}
a.Dashboard {background:url(../images/Dashboard.png) no-repeat center 0}
#Maincontent .Rightcontent .head .righttext .SelectGroup {float:right; width:41%!important; margin:0 10px 0 0px}
#button {text-decoration: none; border:none}
#effect h3 {margin: 0;padding: 0.4em;text-align: center;}

header #HeaderInner aside#welcomebox {float:right; width:auto; padding:10px 10px 10px 0}
header #HeaderInner aside#welcomebox .TopLinks {width:auto; float:right; margin-top:1px}
header #HeaderInner aside#welcomebox .TopBTN {float:right; overflow:hidden; width:auto; margin:0 10px 0 0}
header #HeaderInner aside#welcomebox .TopBTN a {width:115px; background:#ececec; display:block; overflow:hidden; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; text-align:center; float:left; padding:5px 0; text-align:center; text-decoration:none; margin:0 5px; color:#1672a8; box-shadow:inset 0 0 6px #cecece; font-weight:bold}
header #HeaderInner aside#welcomebox .TopBTN a.active, header #HeaderInner aside#welcomebox .TopBTN a:hover {color:#fff!important; background:#1672a8!important; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:inset 0 0 6px #cecece}

.DropDownmenu:hover {color:#000}
.DropDownmenu {position:relative!important; background:url(../images/sprite.gif) no-repeat right 8px; text-align:right; padding:0 22px 8px  0; cursor:pointer; float:left; color:#298698; margin:5px 10px 0 0; font-size:16px}
.DropDownmenu:hover .Menu {display:block}
.DropDownmenu .Menu { display:none; position:absolute; top:9px; right:-4px;  z-index:10000; }

.right_logo {background:url(../images/kanix-logo.gif) no-repeat right 0; width:54px; height:35px; display:block; float:right; border-left:2px solid #298698; padding:0 0 0 10px}
.right_logo:hover {text-decoration:none}
ul.submenu {overflow:hidden; width:167px; margin:0px 3px 3px 3px; border:2px solid #298698; padding:0; background:#fff}
ul.submenu li {overflow:hidden; list-style:none}
ul.submenu li a {text-decoration:none; font-size:12px; padding:6px 10px ; display:block; text-align:left}
ul.submenu li a:hover {background:#ececec}

/* Navigation CSS  */
nav {width:100%; overflow:hidden; margin:0 auto 0; min-height:35px; background:#2067da; float:left}
nav ul {padding:0; margin:0}
nav ul li {float:left; padding-right:1px; height:30px}
nav ul li a {display:block; padding:0px 20px; color:#fff; font-size:13px; line-height:35px}
nav ul li span {display: block; padding:8px 10px; color:#fdb17d; font-weight:bold; font-size:12px; text-shadow:1px 0 0 #333333;}
nav ul li a:hover, nav ul li a.activemain {background:#4d90fe; color:#fff; text-decoration:none}

/************ Main Content CSS **********/
#Maincontent {width:100%; overflow:hidden; min-height:500px; margin:0 auto; padding:0px 0 0 0;}
#Maincontent #LeftSide h3 {color:#00338e; font-size:18px; font-weight:normal; padding:0 0 3px 8px; border-bottom:1px solid #ccc}
#Maincontent #LeftSide h3 p {color: #333333; font-size: 11px;    font-weight: bold;    line-height: 15px;}
#Maincontent #LeftSide {float:left; width:17.9%; padding:10px 0; min-height:500px; background:#f1f1f1\0/}
ul.leftmenu {margin:0; padding:0}
ul.leftmenu li {list-style:none}
ul.leftmenu ul, ul.leftmenu > div, ul.leftmenu > div ul li {float:none!important}
ul.leftmenu li a {padding:6px 8px; display:block; font-size:14px; color:#1d1d1d; white-space:normal!important}
ul.leftmenu li a:hover, #Maincontent #LeftSide ul.leftmenu li a.active {color:#fff; background:#2067da; text-decoration:none}
 #Maincontent #LeftSide ul.leftmenu li ul li a.active, #Maincontent #LeftSide ul.leftmenu li ul li a:hover  {color:#1d1d1d; background:#fff; text-decoration:none}
ul.leftmenu li ul {margin:1px 0px}
ul.leftmenu li ul li a {padding:4px 8px 4px 20px; margin:1px 0}
#Maincontent .content {width:100%; overflow:hidden}
#Maincontent .content ul.landingpage {padding:0; margin:100px auto; width:600px; overflow:hidden}
#Maincontent .content ul.landingpage li {width:180px; float:left; padding:10px}
#Maincontent .content ul.landingpage li a {display:block; background:#f5f5f5; height:80px; border:1px solid #ccc; text-align:center; line-height:80px; font-size:18px; padding:10px}
#Maincontent .content ul.landingpage li a:hover {background:#298698; text-decoration:none; color:#fff}
.btnUser {background:#063781; color:#fff!important; padding:4px 8px; float:right; border-radius:2px; font-size:11px; font-weight:bold}
.btnUser:hover {color:#ccc; text-decoration:none}

.head03 {width:100%; overflow:hidden; border-bottom:1px solid #ccc; padding:10px; margin:0 0 5px 0; font-size:17px; color:#298698}
#Maincontent .Rightcontent {padding:0 0 1.2% 1.2%; float:left; width:80%}
#Maincontent .Rightcontent .head {width:100%; overflow:hidden; border-bottom:1px solid #ccc; padding:4px 0 5px; margin:0 0 10px 0}
#Maincontent .Rightcontent .head  h3 {float:left}
#Maincontent .Rightcontent .head .righttext {float:right; padding-top:4px}
#Maincontent .Rightcontent .head .righttext span {color:#298698} 
#Maincontent .Rightcontent .head .righttext select {margin:6px 0 0 0; width:100%!important}
#Maincontent .Rightcontent .head .righttext button {margin:0}
#Maincontent .Rightcontent .linkwrapp {text-align:right}
#Maincontent .Rightcontent .linkwrapp h3 {float:left; font-size:17px; color:#298698}
#Maincontent .Rightcontent .head h3 {font-size:17px; color:#298698; margin:6px 0 0 0}
#Maincontent .Rightcontent .head h3 span {font-weight:bold; font-size:12px; color:#000}
#Maincontent .Rightcontent .head .addbtn {margin:6px 0 0 0}
#Maincontent .Rightcontent .head  .righttext .addbtn {float:right}
#Maincontent .Rightcontent .head:hover a {text-decoration:none}
#Maincontent .fullwidth {width:98%!important}
#Maincontent .fullwidth .AddWrapp {overflow:inherit; float:left}
#Maincontent .fullwidth .AddWrapp .righttext h4 {float:left}
#Maincontent .fullwidth .AddWrapp .righttext span {float:left; margin-left:20px}
#Maincontent .fullwidth80 {width:78%!important; float:left}
#Maincontent .leftgrid h3 {color:#00338e; font-size:18px; font-weight:normal; padding:0 0 3px 8px; border-bottom:1px solid #ccc}
#Maincontent .leftgrid {float:left; width:17.9%; padding:10px 0; min-height:500px; background:#f1f1f1\0/}

.bgnone tr:nth-child(2n+1) {background:none!important}
.listView .UserTablebtmtr .bgnone tr:last-child td {background:none!important; border-bottom:none!important}
.listView .UserTable .bgnone tr td {border-bottom:none!important}

.leftsidetree {float:left; width:18%; padding:10px; background:#fff; min-height:415px; border:1px solid #ccc; margin-right:10px}
.Innerleftsidetree  {float:left; width:26%; min-height:400px; padding:10px; border:1px solid #ccc; background:#fff}
.Innerleftsidetree select {margin:2px 5px 10px 0; float:left}
.Innerleftsidetree h3 {margin:10px 0 0 0}
.AddWrapp h4 {font-size:16px; color:#298698; margin-bottom:8px}
.AddWrapp h5 {font-size:14px; color:#333}
.btnwrapp {float:left; margin:0 auto; overflow:hidden; width:100%!important}
.width300 {margin-bottom:5px}
#Maincontent .Rightcontent .head .righttext p {padding:5px 0 0 0}
.btmsection {padding:2px 0 0 0}
.btmsection  input[type=checkbox] {margin-left:0}
.margintop15 {margin-top:15px!important}
.width {width:auto!important}
/*Module Icons Css*/

/************ Add View CSS **********/
.AddWrapp {width:100%; /*overflow:hidden; min-height:450px*/}
.AddWrapp ul.Addview {float:left; width:99.5%; margin:0px 0 15px 0; background:#fff; border:1px solid #ccc; padding:10px 0}
.addcolordiv {background:#f5f5f5}
.AddWrapp ul.Addview li {width:44%; padding:6px 0 0px 0; min-height:30px; float:left; position:relative}
.AddWrapp ul.Addview li  img {margin:3px 0 0 5px; vertical-align:-4px;}
.AddWrapp ul.Addview li a img {vertical-align:-3px;}
.AddWrapp ul.Addview li label {font-size:12px; float:left; width:33%; text-align:right; padding:2px 10px 0 0; line-height:14px}
.AddWrapp ul.Addview li label sup {color:#ff0000; font-size:16px; float:right; margin:-5px 0 0 0}
.AddWrapp ul.Addview li > div {width:62%; float:left}
.AddWrapp ul.Addview li aside {float:left}
.AddWrapp ul.Addview li aside div {width:inherit}
.AddWrapp ul.Addview li div span {font-weight:bold; font-size:12px; margin-top:1px; display:block}
.AddWrapp ul.Addview li div aside {float:left; width:140px; padding:0 0 5px 0; text-align:right}
.AddWrapp ul.Addview li div p {float:left; width:50%; padding-left:4px}
.AddWrapp ul.Addview li ul li {width:48%; padding:3px 0; min-height:18px}
.AddWrapp ul.Addview li ul li.width100 {width:96%!important}
.AddWrapp ul.Addview li.width100 {width:96%!important}
.consideration_area_table {background:#f5f5f5; padding:10px}
.consideration_area_table tr td {padding:0 5px}
.innerform ul.Addview li {width:49%}
.innerform02 ul.Addview li {width:98%}
.innerform ul.Addview li label {width:30%}
.innerform ul.Addview li > div {width:61%}
.btmdiv {width:98%; overflow:hidden; padding:1%; background:#fff; margin:0px 0 10px 0}
.btmdiv > ul {overflow:hidden}
.btmdiv ul li {float:left; width:33%; padding:5px 0}
.btmdiv ul li label {display:block; padding:0 0 5px 0}
.space {margin-top:5px!important; overflow:hidden}
.btmdiv ul li div {}
.btmdiv ul li div input, .btmdiv ul li div textarea, .btmdiv ul li div select {background:#fff}
.btmdiv .topdiv {width:100%; overflow:hidden}
.btmdiv .topdiv h3 {float:left}
.btmdiv .topdiv button{float:right; margin:0}
.elemerrormsg {border:1px solid #f8b4b4!important; color:#bc2d2d!important; font-size:16px; background:#fce8e8; padding:6px 10px; margin:5px 0 5px 0; text-align:center}
.successmsg {border:1px solid #ade0aa!important; color:#578b38!important; font-size:16px; background:#eefff0; padding:6px 10px; margin:5px 0 5px 0; text-align:center}
.master_media{width:100%; background:#f5f5f5; margin:20px 0; padding:0 0 10px 0}
.master_media tr td {padding:4px 6px}
.master_media tr td input {width:97%; background:#fff}
.master_media tr td select {width:99%; background:#fff}
.innerform {width:70%; float:left; padding:0 0 0 10px}
.scpacediv {width:98%; padding:1%}
.scpacediv .head {background:#2067db; padding:3px}
.scpacediv .head h3 {color:#fff}

/************ List View CSS **********/
.listView {width:100%; overflow:hidden; margin:0 0 5px 0; position:relative; background:#fff; border:1px solid #ccc}
.margintop {margin-top:15px!important}
.margin5 {margin-top:5px!important}
.listView .UserTable {width:100%; overflow:hidden; margin:0 0 15px 0}
.listView .UserTable tr th {padding:2px 6px; background:#2067db; height:25px; color:#fff; font-weight:normal}
.listView .UserTable tr:nth-child(2n+1) {background:#EEEEEE;}
.listView .UserTable tr td {padding:4px 6px; font-size:12px; text-align:center; border-bottom:1px solid #f5f5f5}
.listView .UserTable tr td.alignleft {text-align:left!important}
.listView .UserTablebtmtr tr:last-child td {background:#fff!important; border:none!important; padding-top:10px}
.listView .UserTable tr:hover td {background:#f5f5f5;}
.listView .UserTable tr.selectedrow td {background:#ddebff;}
#div1, #div11 {cursor:pointer}
#div2, #div22 {position:absolute; width:90%; right:3em; border:1px solid #d1f3f9; padding:0px; text-align:left; margin:0 1% 1% 1%;}
#dialog-form table {width:700px; overflow:hidden}
#dialog-form table tr td {padding:0; border-bottom:none}
#dialog-form table tr:nth-child(2n+1) {background:#f1f1f1;}
#dialog-form table tr td.white {background:#f5f5f5}
#dialog-form table tr td.blue {background:}
#dialog-form table tr td label {text-align:right; padding:5px; font-size:11px; width:100%; float:right}
#dialog-form table tr td span {float:left; font-weight:normal; padding:5px; textalign:left; font-size:11px}
.SearchWrapp {width:100%;overflow:hidden; padding:0 0 10px 0}
.SearchWrapp .SearchBar {width:65%; float:left}
.SearchWrapp .SearchBar input.InputSearch {border:1px solid #ccc; background:#f8f8f8; width:20%; padding:2px 3px; height:18px; color:#afadad; margin:0 2px 0 0}
.SearchWrapp .SearchBar select.Select {border:1px solid #ccc; background:#f8f8f8; width:25%; padding:2px 3px; height:24px; color:#afadad; margin:0 2px 0 0}
.SearchWrapp .SearchBar input.Input:focus, .listView .SearchWrapp .SearchBar select.Select:focus {background:#fff}
.Button {background:url(../images/search_icon.gif) no-repeat 0 0; border:none; height:25px; width:25px; cursor:pointer; vertical-align:-1px}
.Calendar {margin:2px; float:left}
.listView .UserTable h3 {font-size:14px; margin:0; background:#298698; padding:2px 5px; font-weight:normal; color:#fff}
.listView .UserTable h3 label {width:89.5%; float:left; font-weight:bold}
.listView .UserTable h3 span {font-size:12px}
.listView .UserTable h4 {font-size:13px; background:#EBEBEB; padding:2px 5px 2px 20px}
.linkwrapp {width:100%; padding:10px 0 2px 0}
.SearchWrapp h3 {float:left; font-size:17px}
.AlignRightinGridlabel {text-align:right!important}
/**************Input, select, textarea Css (form ent)********************/
input[type=checkbox] {margin-top:2px; *margin-top:0px; vertical-align:-1px}
input[type=radio] {margin-top:1px; *margin-top:0px; vertical-align:-1px}
/* select {background:#fff url(../images/arrow_down-16.png) no-repeat right 0!important}*/
.Input, .Input30, .Input80, .Input50, .Input70, .Input75, .AlignRightinGrid, .InputRightAlign {border:1px solid #d7d5d5; height:18px; padding:2px 3px; background:#fff}
.Input {width:90%}
.Input30 {width:27%}
.Input50 {width:50%}
.Input70 {width:63%}
.Input80 {width:80%}
.Input75 {width:75%}
.Input:hover, .Input50:hover, .Input80:hover, .Input30:hover, .Input70:hover, .Input75:hover, .AlignRightinGrid:hover, .InputRightAlign:hover {border:1px solid #999}
.Input:focus, .Input50:focus, .Input80:focus, .Input30:focus, .Input70:focus, .Input75:focus, .AlignRightinGrid:focus, .InputRightAlign:focus {border:1px solid #80a7ed}
.aspNetDisabled {}
.Textarea, .Textarea80 {border:1px solid #d7d5d5; padding:2px 3px; background:#fff; resize:none; height:50px}
.Textarea {width:90%}
.Textarea80 {width:80%}
.Textarea:hover, .Textarea80:hover {border:1px solid #999}
.Textarea:focus, .Textarea80:focus {border:1px solid #80a7ed}

.Select, .Selectwidth60, .Select80, .Select40, .Select70, .Select30  {border:1px solid #d7d5d5; padding:2px 3px 3px; font-size:12px; color:#1d1d1d; height:24px; margin:0; background:#fff url(../images/select-arrow.png) no-repeat right px; vertical-align:1px}
.Select {width:93%}
.Select80 {width:80%}
.Select40 {width:40%}
.Select70 {width:70%}
.Selectwidth60 {width:60%}
.Select:hover, .Selectwidth60:hover, .Selectwidth75:hover, .Select80:hover, .Select40:hover, .Select70:hover, .Select30:hover   {border:1px solid #999}
.Select:focus, .Selectwidth60:focus, .Selectwidth75:focus, .Select80:focus, .Select40:focus, .Select70:focus, .Select30:focus {border:1px solid #80a7ed}
.btnSave, .btnCancel {font-size:12px!important; font-weight:bold!important; color:#fff; border:none; width:85px; text-align:center; margin:0 10px 5px 0; border-radius:2px; cursor:pointer; padding:4px 10px ; font-family:segoe ui, Helvetica, sans-serif; vertical-align:2px}
.errormsg {color:#ec4848!important; margin:-2px 0 0 0px; padding:0 5px 0 0; font-weight:normal!important; font-size:11px!important}
.btnSave {background:#2067db}
.space10{padding:10px 0 0px 0}
.smallbtn {width:50px!important}
.btnSavepop {background:#2067db!important; cursor:pointer; color:#fff!important; padding:4px 5px!important; border-radius:2px; border:none; font-weight:bold; font-size:12px }
.btnSavepop span {font-size:11px!important; display:inline-block!important; padding:2px; color:#fff!important}
.btnSavepop1 {background:#2067db!important; color:#fff!important; padding:4px 5px!important; vertical-align:2px; margin:0px 0 5px 5px; border-radius:2px; border:none; font-weight:bold; font-size:11px }
.addbtn {width:50px!important; float:right}
.aspNetDisabled {background:#f8f8f8!important; color:#999!important; cursor:default!important}
.width {width:110px!important}
.width02 {width:130px!important}
.width145 {width:145px!important}
.width520 {margin:5px 0}
.width320 {}
.width340 {}
.width590 {width:590px!important}
.btnCancel {background:#dddddd; color:#1d1d1d!important}
.fl {float:left!important}
.fr {float:right!important}
table tr th.aligncenter {text-align:center!important}
.btndiv {padding:10px 0 0 0}
.padd15 {padding:0 15px!important}
.padd0 {padding:0!important}
/************** Pagination Css********************/
/************** Pagination Css********************/
.Pagination { overflow:block; padding:0px}
.Pagination .datapage_scroller {float:left}
.Pagination a {color:#2067db!important; border:1px solid #2067db; padding:0px; width:20px; height:20px; line-height:18px; text-align:center; margin:1px!important; border-radius:2px; display:block; float:left; font-weight:bold}
.Pagination a:hover {text-decoration:none; color:#4D90FE}
.Pagination span {float:left; margin:3px 2px; font-size:12px}
.Pagination a.pageactive {background:#4d90fe!important; border-radius:2px; color:#fff!important}
.Pagination .btnSave {margin-right:0; margin-top:4px; padding:3px 0}
.SearchWrapp {width:100%!important; padding:5px 0px 5px 0!important}
.SearchWrapp .SearchBar {width:48%}
.SearchWrapp .SearchBar input.InputSearch {width:40%; border:1px solid #ccc; background:#f1f1f1; float:left}
.SearchWrapp .SearchBar .Search {background:url(../images/search-bg.gif) no-repeat right 0px; width:21px; height:21px; display:block; float:left; margin:1px 0 0 -24px}
.SearchWrapp .SearchBar .Search:hover {text-decoration:none}
.Pagination td {text-align:right; background:none!important; border:none!important; padding-top:5px!important}
tr.Pagination {width:100%; background:none!important}
tr.Pagination td table tr {background:none!important}
.Pagination td table {float:left}
.Pagination td table tr td {padding:0px!important}
.Pagination td table tr td span {background:#4d90fe!important; border-radius:2px; display:block; color:#fff; padding:0px; width:25px; height:23px; line-height:23px; text-align:center;}


/************ footer CSS **********/
footer {width:100%; overflow:hidden; background:#e2e2e2; padding:6px 0; color:#fff;}
footer p {padding:0 15px; font-size:12px; color:#1d1d1d} 

#loginwrapp {width:600px; margin:8em auto; overflow:hidden;}
#loginwrapp .rightform {float:right; width:55%; background:#0385a3; padding:25px 10px 10px 25px}
#loginwrapp .rightform ul li {width:100%; padding:2px 0; color:#fff;  float: left; height: 42px;}
#loginwrapp .rightform ul li label {padding:2px 0; width:100%; float:left}
#loginwrapp .rightform ul li input.logininput {border:none; padding:5px; height:25px; width:90%}
#loginwrapp .rightform ul li button {font-size:12px!important; font-weight:bold!important; color:#333; border:none; width:85px; text-align:center; margin:0 10px 5px 0; border-radius:2px; cursor:pointer; padding:4px 10px ; font-family:segoe ui, Helvetica, sans-serif; vertical-align:2px; background:#fff}
#loginwrapp .leftimg  {float:left; width:38%; padding-top:7em}
.loginbtm {width:100%; overflow:hidden; padding:3em 0 0 0; text-align:center}

/************ Report Page CSS **********/
.ReportWrapp {width:100%; overflow:hidden}
.multipalselect {width:100%; overflow:hidden}
.multipalselect p {overflow:hidden; width:100%!important; float:right}
.multipalselect ul {overflow:auto; width:99%; border:1px solid #eee; height:125px; background:#fff}
.heightauto {min-height:380px!important}
.multipalselect ul li {width:100%!important; overflow:hidden; padding:3px 0}
.multipalselect ul li span {font-weight:normal!important}
.AddWrapp ul.Addview li .multipalselect ul li table tr td label {float:left; text-align:left!important}

/************ accordion CSS **********/

#accordion {margin-bottom:15px}
.ui-accordion-content {background:#fff}
.ui-accordion-header {background:#f5f5f5; border:none; color:#1d1d1d; padding:5px 10px 5px 25px; margin:6px 0 0 0; cursor:pointer}
.ui-dialog-content ul li {width:50%; float:left; border-bottom:1px solid #f5f5f5}
.ui-dialog-content ul li label {width:31%; float:left; text-align:right; padding:5px 10px 5px 0; background:#f5f5f5}
.ui-dialog-content ul li span {float:left; text-align:right; padding:5px 0px 5px 10px;}
.ui-accordion-icons {background:#4D90FE url(../images/plus.gif) no-repeat 5px 11px!important; color:#fff!important}
.ui-accordion-header-active {background:#4D90FE url(../images/minus.gif) no-repeat 5px 11px!important;}
.ui-dialog {top:2em!important; width:90%!important}
#create-user span {font-weight:bold}
#dialog-form .Addview li div {float:left; width:70%}
.ui-dialog-content ul.Addview li {border:none!important; padding:3px 0}
#dialog-form .Addview li div img {margin:3px 0 0 5px}
#dialog-form .AddWrapp h4 {padding:0 0 0 15px}
.ui-dialog-content ul.Addview {padding:15px}
.ui-dialog-content ul.Addview li label {background:none!important}
.ui-dialog-content ul.Addview li div {width:62%!important}
.ui-accordion .ui-accordion-content .Addview {border:none!important}
.ui-accordion .ui-accordion-content {border-bottom:1px solid #ccc!important; border-left:1px solid #ccc!important; border-right:1px solid #ccc!important}
.ui-accordion .ui-accordion-icons {border:1px solid #ccc!important}

.Treeviewwrapp {background:#fff; overflow:hidden; padding:6px 10px; min-height:100px; margin:0px 0 5px; border:1px solid #ccc}
.Treeviewwrapp ul {border:0!important; margin:0!important; padding:0!important}
.Treeviewwrapp ul li label.labelcolor {color:#298698; font-size:15px!important}
.leftsidetree div a  {color:#ff0000; font-size:13px}
.leftsidetree div table a {color:#298698!important; margin:0 4px 0 0}
.leftsidetree div div a {color:#f76d3c!important}
.leftsidetree div div div a {color:#2067da!important}
.leftsidetree div div div div a {color:#81bc26!important}
.leftsidetree div div div div div a {color:#913ccd!important}
.leftsidetree div div div div div div a {color:#298698!important}
.leftsidetree div div div div div div div a {color:#f76d3c!important}
.leftsidetree div div div div div div div div a {color:#2067da!important}
.leftsidetree div div div div div div div div div a {color:#81bc26!important}
.leftsidetree div div div div div div div div div div a {color:#913ccd!important}

.Innerleftsidetree div a  {color:#ff0000; font-size:13px}
.Innerleftsidetree div table a {color:#298698!important; margin:0 4px 0 0}
#tdTreeview .Innerleftsidetree div table a {margin:0!important}
.Innerleftsidetree div div a {color:#f76d3c!important}
.Innerleftsidetree div div div a {color:#2067da!important; display:block; width:16px}
.Innerleftsidetree div div div div a {color:#81bc26!important}
.Innerleftsidetree div div div div div a {color:#913ccd!important}
.Innerleftsidetree div div div div div div a {color:#298698!important}
.Innerleftsidetree div div div div div div div a {color:#f76d3c!important}
.Innerleftsidetree div div div div div div div div a {color:#2067da!important}
.Innerleftsidetree div div div div div div div div div a {color:#81bc26!important}
.Innerleftsidetree div div div div div div div div div div a {color:#913ccd!important}

.Innerleftsidetree #oneColumnContent_oneColumnMasterContent_tvAdvertisementn1Nodes a {margin:0 3px}
.Innerleftsidetree .oneColumnContent_oneColumnMasterContent_tvAdvertisement_0 {margin:0 7px}

.leftsidetree img {margin-top:-3px}
#oneColumnContent_tvEmployeen0Nodes td {padding:3px 0}
#oneColumnContent_tvEmployee td {padding: 3px 0}
.multipalselect ul li table tr td input {float:left!important}
.multipalselect ul li table tr td label {float:left!important}
.text_input {padding:0 0 10px 0; overflow:hidden; width:100%; float:left}
.text_input li {float:left; width:30%; padding:0 0.5%}
.text_input2 li {float:left; width:14%; padding:0 0.5%}
.text_input2 li.width2 {width:1%}
.summary {width:100%; background:#f5f5f5; border:1px solid #f1f1f1; margin:2px 0 10px 0}
.summary tr th {background:#f1f1f1; padding:5px 10px}
.summary tr td {padding:5px 10px}

.multipalInfo .multipalalign {width:43%; float:left}
.multipalInfo .midcontent  a {display:block}
.multipalInfo {width:100%; overflow:hidden; padding:0 0 15px 0}
.midcontent {float:left; padding:15em 10px}
.text_input li label {padding:0 0 5px 0; display:block}
.AddWrapp ul.Addview li div input[type=radio], .AddWrapp ul.Addview li div input[type=checkbox]  {float:left!important}
.AddWrapp ul.Addview li div input[type="radio"] > span, .AddWrapp ul.Addview li div input[type="checkbox"] span {font-weight:normal}
.AddWrapp ul.Addview li div label {float:left!important; width:auto!important;}
.AddWrapp ul.Addview li.width32 {width:32%!important}
.newbtnspace {width:50px!important}
.border1 {width:88%; padding:4px; height:15px; float:left; border:1px solid #ccc; font-weight:normal!important}
.bgclass {background:#f5f5f5; padding:10px}
.hoverdiv {background:#f5f5f5; padding:10px; position:absolute; right:7em; top:3em; width:80%; height:300px; overflow-y:scroll}
.hoverdiv ul {margin:0; padding:0}
.hoverdiv ul li {float:left; width:48%}
.hoverdiv ul li label {width:37%!important; float:left; padding:5px 6px 5px 0; text-align:right; background:#E2EDFD}
.hoverdiv ul li span {float:left; width:54%; text-align:left; padding:2px 5px}
.height350 {height:350px;}
.leftnewmenu {float:none!important}
.leftnewmenu ul {float:none!important}
.marginbtm0 {margin-bottom:0!important}
.NewPopUp {width:80%; margin:0 auto; background:#fff; padding:0px; border:1px solid #ccc}
.NewPopUp .head {background:#EEEEEE; padding:4px 10px!important; width:auto!important; margin-bottom:0!important}
.NewPopUp .head h3 {color:#131212!important; font-size:16px!important; padding:0!important; margin:0!important; background:none!important}
.NewPopUp .head .close {color:#A7A3A3; margin:0 20px 0; font-weight:bold}
.margin0 {margin:0!important}
.bordernone {border:none!important}
.borderright {border-right:1px solid #ccc!important; border-left:none!important; border-top:none!important}
.warningtb tr td {line-height:21px; padding:10px}
.widthpass {width:320PX!important; min-height:150PX}
.widthpass ul li {width:99%; overflow:hidden; padding:7px }
.widthpass ul li label {float:left; width:35%;}
.widthpass ul li div {float:left}
.widthpx100 {width:100px!important}
.paddall {padding:5px}
.colorbg .head {background:#2067db; padding:3px}
 .colorbg .head h3 {color:#fff}
/*Modal Popup*/
.modalBackground
{

     background-color: #4E4C4C;
     opacity: 0.6;
    z-index: 100000!important;
}

.modalPopup{    background-color: #FFFFFF;    border:1px solid #333;   padding: 3px; box-shadow:none!important;  width: 100%;}

.modalPopup p
{
    padding: 5px;
}

.sampleStyleA
{
    background-color: #FFF;
}

.sampleStyleB
{
    background-color: #FFF;
    font-family: monospace;
    font-size: 10pt;
    font-weight: bold;
}

.sampleStyleC
{
    background-color: #ddffdd;
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
}

.sampleStyleD
{
    background-color: Blue;
    color: White;
    font-family: Arial;
    font-size: 10pt;
}



.newbtnspace {width:50px!important}
.ajax__calendar .ajax__calendar_container {background:#f5f5f5!important}
ul.calenderview li {width:44%; overflow:hidden; float:left}
ul.calenderview li label {font-size:12px; float:left; width:33%; text-align:right; padding:3px 10px 0 0; line-height:14px}
ul.calenderview li section {float:left}
.topheaddetails {color: #000;font-size: 18px;background: #E2EDFD; padding: 4px 4px 6px 4px;}
.ajax__calendar .ajax__calendar_active div {background:#2067da!important; color:#fff!important}
.ajax__calendar .ajax__calendar_day {background:#E2EDFD!important; color:#333!important}
.ajax__calendar_container TD {padding:0!important; font-size:11px!important}
#TreeviewDiv {background:#E2EDFD!important}
#TreeviewDiv img {max-width:inherit!important; margin:0 2px}
.Project_List {background:#fff!important}
.righttext .btnSavepop {margin:0}
.AddWrapp ul.Addview li.white label {background:#E2EDFD}
.NewPopUp ul li {width:50%!important; float:left; border-bottom:1px solid #f5f5f5}
.NewPopUp ul li label {width:31%; float:left; text-align:right; padding:5px 10px 5px 0; background:#fff}
.NewPopUp ul li span {float:left; text-align:left; padding:3px 0px 2px 10px; width:60%}
.NewPopUp ul {height:350px; overflow-y:scroll}

ul.leftmenu02 {background:#4D90FE; width:100%; float:left}
ul.leftmenu02 li {float:left; text-align:center}
ul.leftmenu02 li a {color:#fff; font-size:12px; line-height:25px; display:block; margin-right:1px; padding:0 12px!important}
ul.leftmenu02 li a:hover, ul.leftmenu02 li a.active {color:#333; background:#f5f5f5}

.widthfullpage {width:100%!important}
#divLibraryTreeView {width:100%; overflow:hidden}
.widthinline {width:46%!important; float:left; margin-right:1%}

.sapnstyle {border:1px solid #ccc; padding:2px; float:left; margin-right:5px; font-size:12px; background: #F8F8F8; min-height:20px; width:81%; font-weight:normal!important}
.sapnstyle:hover {border:1px solid #999}
.sapnstyle:focus {border:1px solid #80a7ed}
.labelwidth {width:95%; overflow:hidden; border:1px solid #ccc; padding:2px; height:10px; background:#f5f5f5}

.leftside_cont {float:left; width:50%}
.leftside_cont span {float:left; margin-right:10px}
.leftside_cont select {float:left; width:auto!important}
td.tdcolor {background:#2067db!important; color:#fff!important}
#contentMain_gvCategory tr th, #contentMain_gvWBSBudget tr th {background:#ddebff!important; color:#000!important}
.Material_Categories {width:95%; overflow:hidden; float:left; margin:0 0 10px 0!important}
.span02 {font-weight:normal!important; color:#298698!important; font-size:17px!important}
.windowdiv {width:98%; overflow:hidden; padding:10px 0 10px 0px; margin:0 auto; border-bottom:1px solid #ccc}
.windowdiv h3 {float:left; color:#298698; font-size:17px}
.windowdiv .righttext {float:right; }
.selectminwidth {width:150px}


#format2 .multipalselect p {padding-left:1px!important}
 #feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #c6dafb; }
#selectable .ui-selected { background: #c6dafb url(../images/select.png) no-repeat right -45px; color: #333; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#selectable li { margin: 3px; padding:3px; font-size:12px; }

 ul.colorboxes li {background:#f1f1f1; padding:2px 3px!important; margin:2px!important; width:43%!important; border-radius:6px}
.checkbox, .radio {width: 15px;	height: 16px; margin-top:2px;	padding: 0 5px 0 0;	background: url(../images/select.png) no-repeat;	display: block;	clear: left;	float:left;}
 ul.colorboxes li label {padding-top:4px!important}
 ul.colorboxesmulti li {background:#f1f1f1; padding:2px 3px!important; margin:2px!important; width:95%!important; border-radius:6px}
  ul.colorboxesmulti li label {padding-top:3px!important}
.checkbox, .radio {width: 19px;	height: 16px; margin-top:5px;	padding: 0 5px 0 0;	background: url(../images/select.png) no-repeat;	display: block;	clear: left;	float:left;}
.radio {	background: url(../images/radio.png) no-repeat;	}
.select {	position: absolute;	width: 158px;  /* With the padding included, the width is 190 pixels: the actual width of the image. */	height: 21px;	padding: 0 24px 0 8px;	color: #fff;	font: 12px/21px arial,sans-serif;	background: url(../images/select.png) no-repeat;	overflow: hidden;}



.InputinGrid{ border:1px solid #d7d5d5; height:18px; padding:2px 3px; background:#F8F8F8;width:auto!important;
              text-align:right!important   }
.AlignRightinGrid
{
    text-align:right!important 
    }            
    
.BackgroundColorTotalRow
{
    background-color:#ccc!important; 
}


.Treeviewwrapp table tr td a {min-width:20px; display:block}
.margin1-0 {margin:1px 0 0 0}


#contentMain_divTaskStatusTreeview table tr td table tr td input[type=checkbox] {float:left; margin-left:0}

.absoluteposition{position:absolute; z-index:10000;visibility:visible!important;margin-left:4% }
.pinLeft{position:absolute; z-index:10000;visibility:visible!important;margin-left:4% }

.lefttreearea{width:26%!important;visibility:visible;display:block;margin-left:0%;position:absolute; background:none }
.lefttreeareadisplay{width:26%!important;visibility:visible;display:block;margin-left:0%;position:absolute; }
.lefttreeareahide{width:24%!important;visibility:hidden;display:none;margin-left:0%;position:absolute; }
.otherarea{width:97%!important}
.pinup{width:70%!important;float:right; }
.pinout{width:96%!important}

.slider{padding:10px 5px 5px;border: 1px solid #ccc;float: left;min-height: 405px;margin-top: 0px;width:27.2%;text-align: right; background:#fff}
.sliderIn{padding:10px 5px 5px; border: 1px solid #ccc;float: left;min-height: 405px;margin-top: 0px;width:1.2%;text-align: right; background:#eee}


.UserTableBorder tr td {border-left:1px solid #ccc; border-top:1px solid #ccc} 
.UserTableBorder {border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-collapse:inherit!important}
.UserTableBorder tr td table tr td {border:none!important}
.UserTableBorder tr td table tr {background:none!important}

.help {border:1px solid #ccc; background:#f5f5f5; position:absolute; padding:10px; width:80%; right:5px; top:60px; z-index:10000}
.WBS {width:45%; top:58px!important}
#divHelp li {float:left; overflow:hidden; padding:0 0 10px 0; width:49%}
#divHelp img {float:left; margin-right:5px}
.helpbutton {vertical-align:2px; float:right; margin-top:5px}
.topspace {padding:5px 0 0 0}


.hgroup span {float:left; font-size:12px; margin:12px 0 0 0; border-left:2px solid #298698; padding:0 0 0 10px}
.hgroup span a {font-size: 11px}
.toggler ul li a h3 {font-size:18px}
#Maincontent #LeftSide ul.leftmenu li a.active {color:#fff; background:#2067da; text-decoration:none}
ul.leftmenu li a:hover  {color:#fff; background:#4d90fe; text-decoration:none} 
.Select30 {width:20%}
#loginwrapp .rightform ul li table {width:100%;    margin-top: -2px;}
#loginwrapp .rightform ul li table tr td {padding:2px 6px; white-space: nowrap;}
#loginwrapp .rightform ul li table tr td span {color:#ff0000}
#loginwrapp .rightform ul li input[type=text], #loginwrapp .rightform ul li input[type=password] {border:none; padding:5px; height:25px; width:85%}
#loginwrapp .rightform ul li input[type=submit] {font-size:12px!important; font-weight:bold!important; color:#333; border:none; width:85px; text-align:center; margin:0 10px 5px 0; border-radius:2px; cursor:pointer; padding:4px 10px ; font-family:segoe ui, Helvetica, sans-serif; vertical-align:2px; background:#fff; float:left; margin-left:7em}
#loginwrapp .rightform .none {display:none}
.datainlabels {text-align:center}


#Maincontent #LeftSide ul.leftmenu li a.active {color:#fff; background:#2067da; text-decoration:none}
ul.leftmenu li a:hover  {color:#fff; background:#4d90fe; text-decoration:none} 
.innerform ul.Addview li > div {width:61%}
.InputRightAlign{text-align:right}
.Select30_2 {width:30%}
.NewPopUpbg ul li label {background:none!important}
.NewPopUpbg ul li {border:none!important}
 .positiondiv  {position:inherit!important}
 .positiondiv_relative  {position:relative!important}
 .positiondiv .ajax__calendar {z-index:9000000000}
    
.InputinGrid{ border:1px solid #d7d5d5; height:18px; padding:2px 3px; background:#fff;
              text-align:right!important ; width:90%!important  }
.InputdisableGrid {background:#f8f8f8}
 .AlignRightinGrid{    text-align:right!important     }        
.UserTableBordernone tr td table tr td {background:none!important;border:none!important}     
.UserTableBorder tr td table tr, .UserTableBordernone tr td table tr {background:none!important}     
.listView .UserTableBorder tr:last-child td {border-left:1px solid #ccc!important; border-top:1px solid #ccc!important} 
.AddWrapp .listView .UserTableBorder tr td table tr td {border:none!important}
#Maincontent #LeftSide ul.leftmenu li a.active {color:#fff; background:#2067da; text-decoration:none}
ul.leftmenu li a:hover  {color:#fff; background:#4d90fe; text-decoration:none} 
.popsearch {width:100%}
.popsearch span {float:left; padding:0 15px 0 15px}
.popsearch div {float:left}

.btnSave, .btnCancel {border-style: none; border-color: inherit;  border-width: medium;   font-size:12px!important; font-weight:bold!important; color:#fff; width:85px; text-align:center; border-radius:2px; cursor:pointer; padding:4px 10px; font-family:segoe ui, Helvetica, sans-serif; vertical-align:2px;
    margin-left: 0;    margin-right:5px;    margin-bottom: 5px;}
.marginleft {margin-left:15px}
.bgnone tr {background:none!important}
.font10 {font-size:10px}
.NewPopUpbg ul li label {background:none!important}
.NewPopUpbg ul li {border:none!important}
.listpopup {width:100%}
.listpopup tr td {text-align:left; padding:2px 5px}
#divProjectList .head {background:#4D90FE; color:#fff}
#divProjectList .head h3 {color:#fff; margin:1px 0 0 0!important}
#divProjectList .head h3 span {color:#fff!important}
#divProjectList .head .close {margin:0 10px 0 0}
.rbdiv {vertical-align: middle; text-align: center; z-index: 10001; visibility: hidden; margin-top: 2px; margin-right: 5px; display: none;
 width: 350px; position: absolute; background: #f1f1f1; right:0}
.frbgmainwrapp {width:380px; margin:5em auto 0}
.frbgmainwrapp table tr td table .frbgmainwrapp {background:#f1f1f1}
.frbgmainwrapp > table {border:1px solid #ccc; padding:0}
.frbgmainwrapp table tr td table .frbgcolor {background:#2067DB; color:#fff; text-align:center; padding:5px}
.frbgmainwrapp table tr td table tr td input[type=submit] {font-size:12px!important; font-weight:bold!important; color:#fff; background:#0385a3; border:none; width:85px; text-align:center; margin:10px auto; border-radius:2px; cursor:pointer; padding:4px 10px ; font-family:segoe ui, Helvetica, sans-serif; vertical-align:2px; display:block}
.frbgmainwrapp table tr td table .frbgmainwrapp input[type=text] {border:none; padding:5px; height:25px; width:90%; background:#fff; color:#333}
.textstyle {padding:8px 5px!important}

.change_pass {width:350px; margin:0 auto; overflow:hidden}
.accountInfo {width:auto; overflow:hidden; border:1px solid #ccc; background:#f1f1f1; margin:5em 0}
.accountInfo h3 {background:#2067DB; color:#fff; padding:5px 10px }
.accountInfo p {padding:10px}
.accountInfo label {width:30%; float:left; padding:0 10px 0 0; text-align:right}
.accountInfo .submitButton {width:200px; margin:15px auto; overflow:hidden}
.accountInfo .submitButton input {font-size:12px!important; font-weight:bold!important; color:#fff; background:#2067DB; border:none; width:auto; text-align:center; margin:5px; float:left; border-radius:2px; cursor:pointer; padding:4px 10px ; font-family:segoe ui, Helvetica, sans-serif; vertical-align:2px; display:block}

 input[type=checkbox] { display: none;}
 input[type="checkbox"] + label:before{ content: " "; background: white;border-style: solid; border-width: thin; border-color: #999; height: 12px; width: 12px; display: inline-block; padding: 0 0 0 0px; margin-right:5px; margin-left:2px;}
 input[type=checkbox]:checked + label:before{content: " ";background-image:url(../images/Check.gif) ;  border-style: solid;border-width: thin; border-color: #999;height: 12px; width: 12px;display: inline-block;  padding: 0 0 0 0px; margin-right:5px; margin-left:2px;}

 input[type=radio]{display: none;}        
 input[type="radio"] + label:before{content: "";background: white;border-style: solid;border-width: thin;border-color: #999;height: 8px; width: 8px; display: inline-block;padding: 0 0 0 0px;margin-right:5px; border-radius: 50px/50px;}
input[type=radio]:checked + label:before {content: ""; background: #0080FF; border-style: solid; border-width: thin; border-color: #0080FF; height: 8px; width: 8px; display: inline-block; padding: 0 0 0 0px; margin-right:5px; border-radius: 50px/50px; }
  
 .positiondiv  {position:inherit!important}
 .positiondiv .ajax__calendar {z-index:9000000000}
.multipalselect ul li table tr td label
{text-align:left!important;
    }
/*----------------------------------Please put your code below this. And if any changes in previous code put your comments there-------------------------------------------------------------------------- */
/*
#mnuPO ul li{width:100%!important}
#mnuRateMaster ul li{width:100%!important}
#mnuSupplier ul li{width:100%!important}
#mnuPO ul li{width:100%!important}
#mnuRateMaster ul li{width:100%!important}
#mnuSupplier ul li{width:100%!important}
#mnuPurchaseBills ul li{width:100%!important}
#mnuReports ul li{width:100%!important}
#mnuLBT ul li{width:100%!important*/
.FixedHeader {
            position: absolute;
            
        } 
        .FixedHeaderinn {height:55px; vertical-align:bottom}
        .leftmenu .leftmenu {float:none!important}
.popsearch {width:100%}
.popsearch span {float:left; padding:0 15px 0 15px}
.popsearch div {float:left}
.marginleft {margin-left:15px}
.bgnone tr {background:none!important}
.font10 {font-size:10px}
.listpopup {width:100%}
.listpopup tr td {text-align:left; padding:2px 5px}
#divProjectList .head {background:#4D90FE; color:#fff}
#divProjectList .head h3 {color:#fff; margin:1px 0 0 0!important}
#divProjectList .head h3 span {color:#fff!important}
#divProjectList .head .close {margin:0 10px 0 0}
.rbdiv {vertical-align: middle; text-align: center; z-index: 10000; visibility: hidden; margin-top: 2px; margin-right: 5px; display: none;
 width: 350px; position: absolute; background: #f1f1f1; right:0}
.NewPopUpbg ul li label {background:none!important}
.NewPopUpbg ul li {border:none!important}
.frbgmainwrapp {width:380px; margin:5em auto 0}
.frbgmainwrapp table tr td table .frbgmainwrapp {background:#f1f1f1}
.frbgmainwrapp > table {border:1px solid #ccc; padding:0}
.frbgmainwrapp table tr td table .frbgcolor {background:#0385a3; color:#fff; text-align:center; padding:5px}
.frbgmainwrapp table tr td table tr td input[type=submit] {font-size:12px!important; font-weight:bold!important; color:#fff; background:#0385a3; border:none; width:85px; text-align:center; margin:10px auto; border-radius:2px; cursor:pointer; padding:4px 10px ; font-family:segoe ui, Helvetica, sans-serif; vertical-align:2px; display:block}
.frbgmainwrapp table tr td table .frbgmainwrapp input[type=text] {border:none; padding:5px; height:25px; width:90%; background:#fff; color:#333}
.textstyle {padding:8px 5px!important}
#PasswordRecovery1 table tr td table tr td {padding:10px}
.change_pass {width:350px; margin:0 auto; overflow:hidden}
.accountInfo {width:auto; overflow:hidden; border:1px solid #ccc; background:#f1f1f1; margin:5em 0}
.accountInfo h3 {background:#2067DB; color:#fff; padding:5px 10px }
.accountInfo p {padding:10px}
.accountInfo label {width:30%; float:left; padding:0 10px 0 0; text-align:right}
.accountInfo .submitButton {width:200px; margin:15px auto; overflow:hidden}
.accountInfo .submitButton input {font-size:12px!important; font-weight:bold!important; color:#fff; background:#2067DB; border:none; width:auto; text-align:center; margin:5px; float:left; border-radius:2px; cursor:pointer; padding:4px 10px ; font-family:segoe ui, Helvetica, sans-serif; vertical-align:2px; display:block}
    .gridOperation{text-decoration: underline;float: right;margin-top: -25px;}
    .marginForGridRowCalender{ margin-bottom:170px!important} 
   
.hgroup span {float:left; font-size:12px; margin:12px 0 0 0; border-left:2px solid #298698; padding:0 0 0 10px}
.hgroup span a {font-size: 11px}
#loginwrapp .rightform ul li.loginwidth label {width:33%; text-align:left; padding:0 10PX 0 0;line-height: 35px;}
#loginwrapp .rightform ul li.loginwidth div {width:60%!important; float:left}

#loginwrapp .rightform ul li.loginwidth div select {height:35px; margin:5px 0 0 0;    border-radius: 3px;}
.tdaligncenter {text-align:center; padding:0 6px!important }
.tdaligncenter a {color:#fff; margin-left:23px}
#loginwrapp .rightform ul li table {width:100%}
#loginwrapp .rightform ul li table tr td {padding:2px 6px}
#loginwrapp .rightform ul li table tr td span {color:#ff0000}
#loginwrapp .rightform ul li input[type=text], #loginwrapp .rightform ul li input[type=password] {border:none; padding:5px; height:25px; width:85%;    border-radius: 3px;}
#loginwrapp .rightform ul li input[type=submit] {font-size:12px!important; font-weight:bold!important; color:#333; border:none; width:85px; text-align:center; margin:0 10px 5px 0; border-radius:2px; cursor:pointer; padding:4px 10px ; font-family:segoe ui, Helvetica, sans-serif; vertical-align:2px; background:#fff; float:left; margin-left:7.2em}
#loginwrapp .rightform .none {display:none}
.listpopup {width:100%}
.listpopup tr td {text-align:left; padding:2px 5px}
#divProjectList .head {background:#4D90FE; color:#fff}
#divProjectList .head h3 {color:#fff; margin:1px 0 0 0!important}
#divProjectList .head h3 span {color:#fff!important}
#divProjectList .head .close {margin:0 10px 0 0}
.rbdiv {vertical-align: middle; text-align: center; z-index: 10000; visibility: hidden; margin-top: 2px; margin-right: 5px; display: none;
 width: 350px; position: absolute; background: #f1f1f1; right:0}
.failureNotification{    font-size: 1.2em;    color: Red;}

/************ Work Flow Module CSS **********/
.workflow_leftside {display:block!important}
#viewaside {padding:0px}
#viewaside form {padding:0 10px}
ul.Addviewaside { width:99%; overflow:hidden; margin-bottom:10px}
ul.Addviewaside li {margin:5px 0}  
ul.Addviewaside li label { padding-bottom:2px; display:block}
ul.Addviewaside li label, ul.Addviewaside li div {}
.multipalselect1 {background:#fff; overflow: hidden; width:100%; margin-bottom:1px; cursor:pointer}
.multipalselect1inner {overflow:auto!important; width:99%; border:1px solid #f1f1f1; height:115px!important}
.multipalselect1 {background:#2067db; padding:5px; color:#fff}
.multipalselect1 ul li {width:100%!important; overflow:hidden; padding:3px 0}
.multipalselect1 ul li span {font-weight:normal!important}
.multipleclss {margin-bottom:10px}
.multipleclss p {margin-bottom:5px}
ul.Addviewaside li a img {vertical-align:-3px}

.listTable {background:#f5f5f5; border:1px solid #ccc; padding:10px; height:85px; overflow:auto; vertical-align:top; width:92%!important}
.listTable table tr td { vertical-align:top}
p.topselect {width:100%}

.Pagination .Select {width:50px; font-size:11px; padding:2px!important }
.accordionContent {overflow:hidden!important; border:1px solid #ccc; padding:0 10px; margin-bottom:10px; background:#fff; border-top:none!important}
.accordionHeaderSelected h4 {margin-bottom:0}
.accordionHeader {padding-bottom:8px}
.accordionHeader h4, .accordionHeaderSelected h4 {padding:5px 12px;  padding:5px 20px; cursor:pointer; border:1px solid #ccc; margin-bottom:0!important}
.accordionHeader h4 {background:#fff url(../images/plus.gif) 5px 12px no-repeat;}
.accordionHeaderSelected h4 {background:#fff url(../images/minus.gif) 5px 12px no-repeat;}
.accordionHeader h4 a, .accordionHeaderSelected h4 a {color:#298698}
a.loaderimg {background:url(../images/waiting.gif) no-repeat 0 0; width:35px; height:32px; display:block}
a.calenderimg {background:url(../images/calender.png) no-repeat 0 0; width:20px; height:20px; display:inline-block; vertical-align:-6px}
.search_16 {background:url(../images/search_16.png) no-repeat 0 0; border:none; width:27px; height:27px; display:inline-block; vertical-align:-6px}
.rightlinks {width:100%; padding:6px 0; overflow:hidden}
.rightlinks .righttext {float:right}
.Innerleftsidetree ul {border:none!important; padding:0!important; margin:0!important}
ul.radiobtn_list {margin:0 0 10px 0}
ul.radiobtn_list li {padding:4px 0}

.paddleft {padding-left:15px!important}
.paddtopbtm {padding:15px 0!important}
.bottompagination {width:100%; overflow:hidden; margin:-10px 0 10px 0}
.bottompagination .Pagination {float:right}
#tvwTaskLibrary_tvHighriseEngineering table tr td a {margin:0 2px}
#tvwTaskLibrary_tvHighriseEngineering {margin:15px 0}
.midlabel label {width:auto!important}
.multiselectlist li {width:100%!important}
.multiselectlist li label {width:15%!important}
.multiselectlist li > div {width:70%!important}
.multiselectlist li > div .multipalselect table {width:100%}
.calenderissue {overflow:inherit!important; float:left}
.calenderissue02 {overflow-y:inherit!important; float:left}
.calenderissue02 :div {overflow-y:inherit!important; float:left}
.calenderissue > div {overflow:auto}
.bgnone-table tr {background:none!important; }
.listView .UserTablebtmtr .bgnone-table tr td, .listView .UserTable .bgnone-table tr td {border:none!important; background:none!important;}
.table_req {float:left; margin:3px 0 0 3%}
.table_req tr td {padding:0}
.tax_table table tr {background:none!important}
.tax_table table { text-align:left}
.tax_table table tr td {border:none!important; text-align:left!important}
.tax_table .innertable_tax tr td {text-align:right!important}
.RightSpan {float:left; margin:3px 5px 0 0; background:#fff; border:1px solid #ccc; padding:2px 5px}
.bg_div {background:#fff; padding:10px; border:1px solid #ccc; margin:10px 0; overflow:hidden}
.bg_divgray {background:#f5f5f5; padding:10px; width:95%!important}
.ajax__tab_header span {background:none!important}
.ajax__tab_active a {background:#f5f5f5!important; padding:5px 10px; color:#333!important; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc}
.ajax__tab_tab  {background:#2067db!important; padding:7px 10px!important; color:#fff; font-weight:bold; border-radius:3px 3px 0 0}
#contentMain_Tabs .ajax__tab_body  {border:1px solid #ccc!important; width:96%; margin:5px 0 0 0; background:#f5f5f5}
.ajax__tab_xp ul.Addview {border:none!important; background:none!important}
.ajax__tab_xp ul li label, .ajax__tab_header {background:none!important}
.ajax__tab_xp ul li {border:none!important}
#contentMain_Tabs {padding:10px; margin:5px 0 0 0}
#MainMasterContent_CreateUserWizard1 {padding:10px 0; background:#fff; border:1px solid #ccc; width:100%}
#MainMasterContent_CreateUserWizard1 table tr td {padding:10px; text-align:center!important}
#MainMasterContent_CreateUserWizard1 table tr td input[type="password"], #MainMasterContent_CreateUserWizard1 table tr td input[type="text"] {border:1px solid #ccc; padding:4px 5px}

#MainMasterContent_CreateUserWizard1 table table {width:auto!important; margin:0 auto}
#MainMasterContent_CreateUserWizard1 table tr td table tr td:first-child {text-align:right!important}
#MainMasterContent_CreateUserWizard1 table tr td table tr td {text-align:center!important}

.login_part {margin:35px auto 0; width:50%}
.popupbgcolor {background:#f5f5f5; padding:15px}

.ajxLoader {width:22px; height:25px; display:block}

#dvLoading{ z-index: 100; text-align: center; vertical-align: middle; display: none; 
        width:2px; margin-top:3px; float:left}

#tvTasks_tvHighriseEngineering table tr td a {margin:3px 6px!important; display:block; white-space:initial}
#Maincontent .Rightcontent .head .righttext > span.span_color {color:#333}
ul.label_bg li label {background:none!important}
ul.label_bg li {border:none!important}
#tvTasks_tvHighriseEngineering table tr td a img {max-width:inherit}
.session_wrapp {width:350px; padding:25px; background:#fff; background:#fff; margin:5em auto 0; border:1px solid #ccc; text-align:center}
.session_wrapp div {margin-bottom:20px; color:#ff0000; font-size:18px}
.div_width50 {width:50%!important}
.div_width40 {width:44%!important}
 .MarginFile {margin-top:6px}
 .overflow {overflow:hidden}
 #oneColumnContent_pnlDispatch {width:100%; overflow:hidden}
.unit_triview {background:#fff; border:1px solid #ccc; height:300px; overflow:auto; padding:10px}
#MainContentPlaceHolder_gvTokenBrowseResults table tr td {border:none!important}
#MainContentPlaceHolder_gvTokenBrowseResults {border:none!important}
#MainContentPlaceHolder_divGrid {border-left:none!important}
##MainMasterContent_CreateUserWizard1 table tr td input {border:1px solid #ccc; padding:2px 4px}

.gridbuttonhover1 {cursor:pointer}
.doc_popupbg {background:#fff; overflow:hidden} 
.out_popupdiv > div {width:100%}
.hideSearchPopup {border:none!important; overflow:hidden!important; height:auto!important; width:100%}
.Innerleftsidetree h2 {color:#00338e; font-size:18px; margin-bottom:5px}
.marginbtm {margin-bottom:10px}
.lodercolor { background:url(../images/loader-bg.png) repeat 0 0;height:100%; width:100%; position:absolute; z-index:1000000; top:0; left:0; z-index:1000000; top:0; display: none;}
.loader_div  {position: absolute; z-index:900000;  opacity:1!important;  text-align: center; vertical-align: top;  left: 6px; position: absolute; left:43%; top:48%; background-color: #F8F8F8; border: 1px solid #d7d5d5; width: 120px}
        #contentMain_rblCategoryList {margin-top:-3px}
.divalign {width:100%; overflow:hidden}
.divalign div {float:left}
.backgroundcolor {width:98.6%; overflow:hidden; border:1px solid #ccc; background:#fff; padding:1%}
.backgroundcolor ul.Addview {border:none!important}
.backgroundcolor .help {top:30px}
.backgroundcolor02 {border:1px solid #ccc; background:#fff; padding:1%}
.alignleft {text-align:left!important}


/*  Trail Collapse  */
.layer1 {
margin: 0;
padding: 0;
width: 100%;
}

.heading {
margin: 1px;
color: #1d1d1d;
padding: 3px 10px;
 position: relative; 
background-color:#fff;
cursor:pointer; overflow:hidden; border:1px solid #ccc
}
.contentaccordion {
padding: 5px 10px;
background-color:#fafafa;
}
p { padding: 5px 0; }
.search_popup {height:auto!important; border:none!important; overflow:inherit!important; z-index:1000; position:relative}
.innergriddetails {padding:0px 6px!important}
.padd0_6 {padding:0px 6px!important}

.innergriddetails .AddWrapp ul.Addview li {min-height:25px!important}
.innergriddetails .AddWrapp ul.Addview li label {font-weight:bold}
.innergriddetails .AddWrapp ul.Addview li span {margin:3px 0 0 0; float:left}

.width_over {width:100%; float:left}
.AddWrapp ul.Addview li > div table#contentMain_rbProjectCategories tr td label {padding-top:0}
.heightauto {min-height:392px!important}
.bordernone_l_r table tr td:first-child {border-left:none!important}
.bordernone_l_r {border-right:none!important}
#contentMain_lbl1 {float:left; margin:2px 5px 0 0}
.padd6 {padding-top:7px!important}
#contentMain_divAdd .AddWrapp {margin:0 0 10px 0}
#contentMain_divAdd .contentaccordion {float:left; width:100%; padding:0; background:none}
#contentMain_divAdd .heading {margin:0 0 0px 0!important; padding:5px 15px 5px 20px;}
#contentMain_divAdd .AddWrapp ul.Addview {border-top:none!important; width:99.8%!important; margin-bottom:0!important} 
#contentMain_divAdd .marginhead0 {margin:0!important}
.mainAccordian { margin:0 0 10px 0; width:100%; overflow:hidden }
#contentMain_divButtonGroup {margin-bottom:5px!important}
.Innerleftsidetree .margin-top {margin-top:10px!important}
#contentMain_SearchTaskPopUp_pnlSearchPopup, #contentMain_SearchMaterialPopup_pnlSearchPopup, 
#contentMain_SearchLabourPopup_pnlSearchPopup, #contentMain_SearchEquipmentPopup_pnlSearchPopup  { width:50%!important}
#taskLibraryTreeView1 { margin-left:2px}
.borderleft_right0 {border-left:0!important; border-right:0!important}
.tasklibwidth #contentMain_SearchTaskPopUp_pnlSearchPopup { width:95%!important }
.valigntop {vertical-align:-7px}
.mainAccordian .contentaccordion {width:100%; padding:0; overflow:hidden; background:none}
.mainAccordian .contentaccordion .Addview {border-top:none!important; width:99.8%; margin:0}
.mainAccordian .heading {margin:0!important}

 .NewPopUp3 ul li {width:50%!important; float:left; border-bottom:1px solid #f5f5f5}
.NewPopUp3 ul li label {width:31%; float:left; text-align:right; padding:5px 10px 5px 0; background:#f5f5f5}
.NewPopUp3 ul li span {float:left; text-align:left; padding:3px 0px 2px 10px; width:60%}
.NewPopUp3 ul {height:350px; overflow-y:scroll}
.NewPopUp3bg ul li label {background:none!important}
.NewPopUp3bg ul li {border:none!important}


.NewPopUp3 {width:80%; margin:0 auto; position:absolute ;  background:#fff; padding:0px;border:1px solid #17AA21; z-index:10000; }
.NewPopUp3 .head {background:#2067db; padding:4px 10px!important; width:auto!important}
.NewPopUp3 .head h3 {color:#fff!important; font-size:13px!important; padding:0!important; margin:0!important; background:none!important}
.NewPopUp3 .head .close {color:#fff; margin:0 20px 0; font-weight:bold}


 .NewPopUp2 ul li {width:50%!important; float:left; border-bottom:1px solid #f5f5f5}
.NewPopUp2 ul li label {width:31%; float:left; text-align:right; padding:5px 10px 5px 0; background:#f5f5f5}
.NewPopUp2 ul li span {float:left; text-align:left; padding:3px 0px 2px 10px; width:60%}
.NewPopUp2 ul {height:350px; overflow-y:scroll}
.NewPopUp2bg ul li label {background:none!important}
.NewPopUp2bg ul li {border:none!important}

.NewPopUp2 {width:58%!important; margin:0 auto; position:absolute;  background:#fff; padding:0px;border:1px none #ccc; z-index:10000; }
.NewPopUp2 .head {background:#2067db; padding:4px 10px!important; width:auto!important}
.NewPopUp2 .head h3 {color:#fff!important; font-size:13px!important; padding:0!important; margin:0!important; background:none!important}
.NewPopUp2 .head .close {color:#fff; margin:0 20px 0; font-weight:bold}

.SPActive ul li {width:50%!important; float:left; border-bottom:1px solid #f5f5f5}
.SPActive ul li label {width:31%; float:left; text-align:right; padding:5px 10px 5px 0; background:#f5f5f5}
.SPActive ul li span {float:left; text-align:left; padding:3px 0px 2px 10px; width:60%}
.SPActive ul {height:350px; overflow-y:scroll}
.SPActivebg ul li label {background:none!important}
.SPActivebg ul li {border:none!important}

.SPActive {width:58%!important; margin:0 auto; position:absolute; height:auto!important;  background:#fff; padding:0px;border:none!important; }
.SPActive .head {background:#2067db; padding:4px 10px!important; width:auto!important}
.SPActive .head h3 {color:#fff!important; font-size:13px!important; padding:0!important; margin:0!important; background:none!important}
.SPActive .head .close {color:#fff; margin:0 20px 0; font-weight:bold}
 .zindexdiv {z-index:10000!important; border:1px solid #ccc!important; margin:0 0 0 2px!important; overflow-y: auto!important; margin-top: 0px; height:200px; }
 .zindexdiv .UserTable tr td input {font-size:11px}
.SPActive .Input {border:1px solid #14880a!important}
.border_bg_width {width:99.8%!important; border:1px solid #ccc; border-top:none!important; background:#fff!important}
.overflowinn, .overflowinn div {overflow:inherit!important}
.overflow, .overflow div {overflow:hidden!important}

.overlayclose {

position: absolute;
right: -15px;
top: -15px;
cursor: pointer;
height: 35px;
width: 35px;
outline: none!important;}
table tr.innergridtable td {background:#f5f5f5!important}
a.closebtn {margin-right:10px}
#pnlOtherCharges h4 {padding:5px; margin:0}
.head span {font-weight:bold; padding:0 0 0 10px; color:#298698}
.innerspacegrid .listView {margin:10px; width:98.5%}
.hovermenu {border: 1px solid #ccc; border-color: #ccc; background: white; padding: 2px; line-height:22px;width: 120px} 

.pagerlockbuttons{margin: 8px 10px 0px; float: left}
.enquirysearch_1  div { overflow:hidden!important}
.mainAccordian .listView {width:99.8%!important}
.border-top {border-top:none!important}
.z_Index {z-index:100000!important}
.fontnormal { font-weight:normal!important;} 

.treeTaskLibraryDivScroll
{
    background-color: #F4F4F4;
    overflow: auto;
    height: 300px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
}
.btn_div{    width: 100%;
    text-align: center;
}
.login_btn{
    background: #fff;    
    padding: 5px 15px;
    border: none;
    border-radius: 5px;
}
    
    #PasswordRecovery1{width:100%; background:#fff}
    #PasswordRecovery1 table{width:100%; border-collapse: collapse;}
    #PasswordRecovery1 tr td table tr td{padding:5px 0px;}
    #PasswordRecovery1 tr td table tr td:nth-child(1) {padding:0px;width:35%}
    #PasswordRecovery1 tr td table tr:nth-child(1) td {padding:7px 0px;}
    #PasswordRecovery1_UserNameContainerID_UserName{
        padding: 6px 2px;
        margin-left: 5px;
        border-radius: 3px;
        border: 1px solid #ccc;
        width: 70%;        
    }