/*body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; min-height:100%; }
h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; color:#333 }
h1 { font-size:24px; }
#container { width: 100%; margin:0 auto; }
#header { position:fixed; top:0; width:100%; background:#FFF; z-index:1015; }
#userInfo { height:29px; background:#0A51A1; text-align: right; width: auto; position:relative; }
#userInfo ul { margin-left:20px; float:right }
#userInfo li { float: left; font-size: 11px; color: #FFF; border-right:1px solid #5486BD; line-height: 29px; height: 29px; padding:0 15px; }
#userInfo li a { padding-left: 4px; color: #FFF; text-decoration: none; }
#userInfo li a span { padding-top:-10px; }
#userInfo li a:hover { color: #FFF; text-decoration: underline; }
#userInfo .downArrow { background: url(../images/user-down-arrow.png) no-repeat right; padding-right:18px; }
#userInfo .loginDetails { color:#666; font-size:11px; margin-right:20px; line-height:20px; }
#logo { float: left; margin-bottom: 10px; width: 45%; margin-left: 12px; float:left }
#companyName { width:12%; margin:0 auto; position:relative; float:left; margin-top:25px; font-size:18px; text-align:center; font-family: 'Source Sans Pro', sans-serif; }
#breadcrumbs { height: 27px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #DCDCDC; border-bottom-color: #DCDCDC; padding-right: 10px; padding-left: 17px; background:#ECF3F9; font-family: 'Source Sans Pro', sans-serif; font-size:12px; }
#breadcrumbs ul { float: left; width: 70%; }
#breadcrumbs ul li { float: left; line-height: 27px; display: block; background: url(../images/breadcrumps-arrow.png) no-repeat right 5px; padding-right:14px; margin-right:7px; }
#breadcrumbs ul li a:hover { text-decoration:underline }
#searchArea { width: 30%; float: right; }
#searchArea .searchCon { margin-top:30px; text-align: right; margin-right: 15px; float: right; clear: right; }
#searchArea .searchCon .searchBtn:hover { cursor:pointer; background: #F1F1F1; -moz-box-shadow: 0 0 3px #2DD5FF; -webkit-box-shadow: 0 0 3px #2DD5FF; border:1px #2DD5FF solid }
#widgetNav { position:relative; z-index:100; float:right; margin:-26px 20px 0 0; }
#widgetNav li { margin-left:10px; float:left }
#widgetNav li a { display:block; text-indent:-1000000px; width:18px; height:18px; float:left; background:url(../images/widget-nav-icon.png) no-repeat }
#widgetNav li a.reload { background-position:-81px -1px }
#contentPannel { width: 100%; margin-top:166px;}*/
.dataTable th { cursor: pointer; background-color: #EBEBED; }
.dataTable td { cursor: default; }
table.dataTable { width:100% }
#contentPad .sorting { height: 25px; padding-right: 10px; padding-left: 15px; line-height:25px; }
#contentPad .sorting .sortingCon a:hover { text-decoration: underline; }
#contentPad .sortingSearch .sortForm:focus { -moz-box-shadow: 0 0 5px #2DD5FF; -webkit-box-shadow: 0 0 5px #2DD5FF; border:1px #2DD5FF solid; }
/*a { color:#333; text-decoration:none }
*/
a:hover { text-decoration:underline }
#contentPad .mapViewInfo { border-bottom:1px solid #D5D5D5 }
#contentPad .mapViewInfo li { float:left; border-right:1px solid #D5D5D5; height:33px; padding:0 4px; }
#contentPad .mapViewInfo li.last { border-right:none; }
#contentPad .mapViewInfo li a { text-decoration:none; display:block; background:url(../images/mapview-info-icon.png) no-repeat; float:left; color:#666; padding-left:14px; height:16px; margin:10px 0 0 7px}
#contentPad .mapViewInfo li a:hover { text-decoration:underline }
#contentPad .mapViewInfo li a.customer { background-position:0 0 }
#contentPad .mapViewInfo li a.site { background-position:-17px -19px }
#contentPad .mapViewInfo li a.location { background-position:-33px -35px }
#contentPad .mapViewInfo li a.info { background-position:-51px -52px }
#contentPad .mapViewInfo li a.warning { background-position:-98px -92px }
#contentPad .mapViewInfo li a.critical { background-position:-136px -131px }
#contentPad .mapViewInfo li .infoCount { color:#FFF; background:#255EC1; -moz-border-radius: 3px; border-radius:3px; -webkit-border-radius: 3px; text-align:center; padding:2px 3px; margin:8px 0 0 5px; display:block; float:right }
#contentPad .mapViewInfo li .warningCount { color:#FFF; background:#FFD304; -moz-border-radius: 3px; border-radius:3px; -webkit-border-radius: 3px; text-align:center; padding:2px 3px; margin:8px 0 0 5px; display:block; float:right }
#contentPad .mapViewInfo li .criticalCount { color:#FFF; background:#D53634; -moz-border-radius: 3px; border-radius:3px; -webkit-border-radius: 3px; text-align:center; padding:2px 3px; margin:8px 0 0 5px; display:block; float:right }
#reminders { width:47%; float:left; }
#reminders .title { text-align:center; font-weight:bold; display:block; height:38px; line-height:38px; font-size:13px; }
#contentPad .calendarBg { background:url(../images/calendar-month-bg.jpg) repeat-x; height:38px; border-bottom: 1px solid #D5D5D5; }
#footer { background:#E9E9E9; border-top:#D8D8D8 solid 1px; border-bottom:#D8D8D8 solid 1px; height:15px; padding:10px; }
#footer p { text-align:center }
#sidebar { border-left:1px solid #CCC; position:relative; float:left; width:185px; background:#FAFAFA url("../images/vdivider_bg.gif") top right repeat-y; z-index: 1; padding-right:6px; min-height:568px; }
a#stoggle { background:#A6A6A6 url("../images/togglebg.gif") top left no-repeat; text-indent:-9999px; font-size:0; width:6px; position:absolute; cursor:pointer; height:63px; right:0px; z-index:10000; }
a#stoggle:hover { background-position:top right; }
a#stoggle.active:hover { background-position:bottom right; }
.fullwidthcontainer { margin-left:-198px; }
#content { margin-left:200px; margin-bottom: 50px; }
.widget-load { background: url('../images/ajax-loader.gif') no-repeat center; }
#navMenu ul li:hover ul { visibility:visible; z-index:9999; }
#navMenu li:hover { background:#0A51A1; }
#navMenu ul li:hover ul li a:hover { color:#FFF; background:#0A51A1; }
#navMenu ul li { display: inline; }
/*
.dropdown-menu { position:absolute; top:30px; right:20px; display:none; z-index:5000; text-align: left }
#menu2 { float:left; }*/
.adminModule li a:hover { text-decoration:none; }
.ui-helper-clearfix { display: inline-block; }
.ui-helper-clearfix { display:block; }
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; z-index: 99999; display: block; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
/*.button:hover { cursor: pointer; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; border: 1px #999 solid }*/
.clear { background-position: 23px 0px; }
.yui-calcontainer { position: relative; float: left; _overflow: hidden; width: 48% }
.yui-calendar { position: relative }
.yui-calendar .calnavleft { position: absolute; z-index: 1; text-indent: -10000em; overflow: hidden }
.yui-calendar .calnavright { position: absolute; z-index: 1; text-indent: -10000em; overflow: hidden }
.yui-calendar .calheader { position: relative; width: 100%; text-align: center }
.yui-calendar .calbody a:hover { background: inherit }
.yui-skin-sam .yui-calendar { border-spacing: 0; border-collapse: collapse; font: 100% sans-serif; text-align: center; margin: 0 }
.yui-skin-sam .yui-calendar .calhead { background: transparent; border: 0; vertical-align: middle; padding: 0 }
.yui-skin-sam .yui-calendar .calheader { background: transparent; font-weight: bold; text-align: center; line-height: 38px; height: 38px; border-right: 1px solid #D5D5D5; }
.yui-skin-sam .yui-calendar .calnavleft { background: url(../images/calendar-month-icon.jpg) no-repeat 0 0; width: 20px; height: 20px; top: 10px; bottom: 0; left: 2px; margin-left: .4em; cursor: pointer }
.yui-skin-sam .yui-calendar .calnavright { background: url(../images/calendar-month-icon.jpg) no-repeat -20px 0; width: 20px; height: 20px; top: 10px; bottom: 0; right: 5px; cursor: pointer }
.yui-skin-sam .yui-calendar .calweekdayrow { height: 2em }
.yui-skin-sam .yui-calendar .calweekdayrow th { padding: 10px; border-right: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; }
.yui-skin-sam .yui-calendar .calweekdaycell { color: #000; font-weight: bold; text-align: center; }
.yui-skin-sam .yui-calendar td.calcell { border-right: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; padding:8px 10px; text-align: center; white-space: nowrap; background: #EEEEEE }
.yui-skin-sam .yui-calendar td.calcell a { color: #333; display: block; height: 100%; text-decoration: none }
.yui-skin-sam .yui-calendar td.calcell.today { background-color: #A2CDEC }
.yui-skin-sam .yui-calendar td.calcell.today a { }
.yui-skin-sam .yui-calendar td.calcell.oom { background-color: #F6F6F6; color: #B4B3B3; cursor: default }
.yui-skin-sam .yui-calendar a.calnav { padding: 0 4px; text-decoration: none; color: #333; zoom: 1; font-size: 13px; }
.yui-skin-sam .yui-calendar a.calnav:hover { border-color: #a0a0a0; cursor: pointer }
#navigation { height: 36px; background: url(../images/menu-bg.jpg) repeat-x; width: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 13px; }
#menuwrapper { position: relative; display: block; height: 36px; margin-right: 20px; z-index: 100; overflow:hidden; }
#menuwrapper ul li { display: block; }
#menuwrapper ul, #menuwrapper ul ul { padding: 0; margin: 0; list-style: none; }
#menuwrapper ul li a {display: block; text-decoration: none; padding: 3px 14px; font-size: 14px; color: #FFF; line-height: 31px; font-weight: bold; background: url(../images/menu-border.jpg) no-repeat right top; }
#menuwrapper ul li a:hover { background: url(../images/menu-hover-bg.jpg) repeat-x; }
#menuwrapper ul li { float: left; position: static; display: block; width: auto; }
#menuwrapper ul ul li a:hover { font-weight: bold; }
#menuwrapper ul li:hover a { background: url(../images/menu-hover-bg.jpg) repeat-x; }
#menuwrapper ul li:hover ul, #menuwrapper ul li ul { display: block; z-index: 500000; text-align: center; }
#menuwrapper ul li:hover ul a, #menuwrapper ul li ul a { color: #333333; background-color: transparent; }
#menuwrapper ul li.active a { background: url(../images/menu-hover-bg.jpg) repeat-x; }
table.tablesorter { text-align: left; width: auto;}
.tablesorter td { padding: 4px 6px; border: 1px solid #D5D5D5; line-height: 22px; }
.tablesorter thead tr { background-color: #EBEBED; padding: 0px; margin: 0px; text-align: left; }
.tablesorter thead tr:hover { background-color: #EBEBED; }
.tablesorter th { padding: 6px 8px; text-align: center; border: 1px solid #D5D5D5; width: 40px; }
table.tablesorter tbody td { color: #3D3D3D; vertical-align: top; }
table.tablesorter tr { border: 1px solid #DDDDDD; }
/*.tablesorter tr:hover { background: #ECF5FF; }*/
.tablesorter a:hover { text-decoration: underline }
#fontIncrease { float: right; margin-top: 5px; margin-right: 15px; }
.jfontsize-button { font: bold 12px arial; padding: 3px; color: #0072BC }
.jfontsize-button:hover { text-decoration: none; color: #0072BC; }
#jfontsize-m { font-size: 9px }
#jfontsize-d { font-size: 11px }
#jfontsize-p { font-size: 13px }
#columns { padding-top:6px; width:99%; margin:0 auto }
#columns .column {height: auto !important; }
#columns .widget { margin:0.5%; float: left; width:97% }
#columns .widget .ui-widget-header { color: #000; overflow: hidden; line-height: 30px; background:#D3D3D3 url(../images/drag-drop/head.jpg) repeat-x left top; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; cursor:move; border:1px solid #CDCDCD }
#columns .widget .ui-widget-header h3 { float: left; font-size:14px; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 9px; }
#columns .widget .widget-content { color: #2D2D2D; background: #FFFFFF; border-bottom: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; overflow:auto; /*min-height:250px;*/ }
#dropdown2 { width:275px; font-size:13px; background:url(../images/user-drop-arrow.png) 230px 0 no-repeat; padding-top:10px }
.userProfile { height:78px; padding:5px 10px }
.userSetting { height:30px; background:#073A72; padding:5px 10px 0 10px; }
#userInfo a.changePassword { background:url(../images/change-password.png) left 10px no-repeat; display:block; margin-top:10px; padding-left:13px; }
.userLogout { float:right }
#userInfo a.userId { background:none; display:block; padding:0; line-height:15px }
.userName { font-weight:bold }
.dropSetting { border:#073A72 1px solid; background: #0A51A1; }
.gaugeHead { padding:6px 0; font-weight:15px; font-size:14px; text-align:center; color:green; }
.frame { margin: 0; }
.drop { float:right; height: 23px; margin-right: -3px; margin-top: -24px; cursor:pointer; }
#applybutton { /*margin-top:10px; */ width:65px; padding:3px 0px; font:normal 13px open sans;}
#filterclear{width:65px; padding:3px 0px; font:normal 13px open sans;}
#showPrvReading { margin-left:10px; }
#contentPad .formBlock { float: right;  }
#contentPad .saveLoading { float: right; margin-top:5px; margin-right:10px; }
a#stoggle.active { background-position:bottom left; }

#sidebar .sideNav { border-top:1px solid #CCC; font-family: 'Source Sans Pro', sans-serif; font-size:13px; }
#sidebar .sideNav li { border-bottom:1px solid #CCC }
#sidebar .sideNav li a { line-height:33px; background:#E0E0E0; display:block; padding-left:16px; color:#222; text-shadow: 1px 1px 0 #efefef; -webkit-box-shadow: inset 0px 1px 0px 0px #ececec; box-shadow: inset 0px 1px 0px 0px #ececec }
#sidebar .sideNav li a:hover { background-color: #cfcfcf; text-decoration:none }
.tableHide { height: 32px; overflow: hidden; position:relative; }
.portletHide { height: 0px; overflow: hidden; position:relative; }
.searchResult { text-indent:10px; display: block; background-color:#fff; border: 1px solid #DFDFDF; }
.popup { /*min-width:703px;*/ padding:0px 15px; /*margin:0 auto */}
.popup table { border-right:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5 }
.popup h2 { font-size:15px; border-bottom:1px solid #D5D5D5; padding-bottom:15px; margin-bottom:15px; width:100%; }
.popup label { float:left; line-height:26px; padding:0 5px }
.popup .datalogfilter { margin-bottom:20px }
.datalogfilter {float:left; width:100%;}
.popup table.tablesorter tbody td { text-align:left; }
.right { float:right; }
.applyButtonright { float:left;/* margin-top:-10px; */}
.widgetWrap .right { float:right; padding:10px; padding-top: 5px;}
/*tableCon*/
#tableCon { width:100%; font-family:open sans; font-size:12px; }
#tableCon td { padding: 6px 2px; border-right:none; }
#tableCon tr{ border-top: 1px solid #D5D5D5;}
#tableCon .ticketNew { padding-left:26px; background:url(../images/add-ticket.png) left top no-repeat; line-height:17px; display:block; margin:0 0 0 8px; }
#tableCon .ticketResolved { padding-left:26px; background:url(../images/resolved-ticket.png) left top no-repeat; line-height:20px; display:block; text-decoration:line-through; margin:0 0 0 8px;  }
#tableCon th { border-top: none }
#tableCon .ticketOpen { padding-left:26px; background:url(../images/open-ticket.png) left top no-repeat; line-height:17px; display:block; margin:0 0 0 8px; }
/*tableData*/
.tableData { width:100%; position:relative }
.tableData input, textarea { float:left; margin-right:5px }
.tableData input.Picklist { height: 23px; line-height:23px; width: 200px; }
.tableData input.general { width: 150px; }
.tableData input[type="checkbox"] { width: auto; height: auto; }
.tableData textarea { height: 80px; width: 288px;  }
.tableData label { line-height:23px; float:left; padding:0 7px }
.tableData input, textarea { float:left; margin-right:28px }
.tableData textarea { height: 80px; color:#000; }
.tableData label { line-height:23px; float:left }
.tableData input[type="radio"] { width: auto; height: auto; }
/*.tableData span { color:#F00; /*float:left;*/ /*padding-right:5px; }*/
.tableData .errMsg { color:#F00; float:left; }
.tableData table { float:left; font-family:open sans; font-size:12px; }
.tableData td { padding:4px; line-height:25px; font:normal 13px open sans; }
.tableBottom {  background:#F2F2F2; border-top:1px solid #D5D5D5;float:left; width:100%; padding:10px 0 10px 0;}
#contentPad .tableBottom .formBlock { float:left; margin-left:10px; }
.tablesorter img { padding: 0 4px; }
.tabletop { height:25px; background:#F2F2F2; border-bottom:1px solid #D5D5D5; padding:10px 0 10px 0; }
#contentPad .tabletop .formBlock { float:left; margin-left:10px; }
.successMsg { color:#093; float:left; }
.ticket { margin: 0 auto; padding: 15px; width: 690px; padding-bottom: 0; }
.ticket  table tr td{padding:5px 0px !important;}
.ticket h2 { border-bottom: 1px solid #D5D5D5; font-size: 15px; margin-bottom: 15px; padding-bottom: 15px; }
.clr { clear:both; }
#prevReadingDiv { width:75%; }
#prevReadingDiv { height:150px; overflow-y:scroll; }
#prevReading { width:100%; }
#userCreationTable td { border : none; width : 100px; }
.userErrMsg { color:#F00; }
.set{ height:35px!important;}
.readingTable td { border:none }
#AssetYOM { height:27px; border: 1px solid #C0C0C0; margin-left:5px; cursor:pointer; }
#showTable { height:250px; overflow-y: auto; }
.incidentReportAddressTable { width:100%; }
.adminModule li .img { float: left; height: 64px; margin: 0 10px 20px 0; width: 64px; }
.picklistdropdown { margin-top:0px; /* border:1px solid #CCC;*/margin-left:-31px; height:30px; float:left; border-left:none; width:25px; }
#userImgPlaceHolder { border:1px solid #CCC; height:100px; width:102px; }
#userCreationTable table td #userImgList {  height:310px; width:319px; }
#displayAdressDetails { border: 1px solid #CCCCCC; border-radius: 10px 10px 10px 10px; min-height: 400px; margin: 51px; float:left; width:39%; }
#addressSearch { border-right: 1px solid #CCCCCC; float: left; margin: 10px; width: 48%; height:690px; }
#addressAlphabets a { margin-left:8px; border-bottom:1px solid #999; text-decoration:none; }
#addresslistTable { margin:30px; }
#addresslistTable table { width:250px; }
#addresslistTable table th { background:url("../images/drag-drop/head.jpg") repeat-x scroll left top transparent; height:25px; border-right:1px solid #CCC; width:34px; }
#addressListInnerTd { height:306px; }
#addressListInnerTd table td { height:40px; border:1px solid #CCC; padding-left:25px; }
#assetActivityFieldSet { height: 390px; width: 85%; margin-left:20px; }
#assetActivityFieldSet legend { margin-left:20px; }
#yearfield { height: 82px; margin-left: 24px; padding: 10px; width: 322px; }
#monthfield { height: 82px; margin-left: 24px; padding: 10px; width: 390px; }
#dayOfWeek { height: 82px; margin-left: 24px; padding: 10px; width: 322px; }
#dayRange { height: 82px; margin-left: 24px; padding: 10px; width: 390px; }
#timeRangeFieldSet { height: 120px; margin-left: 24px; padding: 10px; width: 500px; }
/*subMenuBox*/
#subMenuBox { float: left; margin: 0 18px 18px 0; min-height: 103px; padding: 12px; width: 288px; display: inline-block; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5;  *background-color: #e6e6e6;background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc;  *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
#subMenuBox:hover { background-color: #e6e6e6; *background-color: #d9d9d9;}
#subMenuBox img { float: left; height: 64px; margin: 0 18px 20px 0; width: 64px; }
#subMenuBox .h3 { font-size: 18px; padding-bottom: 8px; font-family: 'Source Sans Pro', sans-serif; color:#666666 }
#subMenuBox .p { color: #666666; display: block; font-size: 13px; margin-top: 5px; text-align: left; font-family: 'Source Sans Pro', sans-serif; }
#subMenuBox a { text-decoration:none; }
#userImageListDisplayTable { width:100%; }
#userImageListDisplayTable th { border-bottom:1px solid #ccc; height:30px; color:#000; }
.divtxtarea { border: 1px solid #C0C0C0; -moz-border-radius: 6px; border-radius:6px; -webkit-border-radius: 6px; float: left; font-size: 11px; color: #666666; height: 80px; width: 677px; padding:5px; background:#FFF url(../images/textfield-bg.jpg) repeat-x; overflow-y:scroll; }
.gridtableSite { font-family: verdana, arial, sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #999999; border-collapse: collapse; }
.gridtableSite th { background:#333; border-width: 1px; padding: 8px; border-style: solid; border-color: #999999; color:#fff; font-weight:bold;}
.gridtableSite td {/* background:#dcddc0 url('../images/cell-grey.jpg'); */ border-width: 1px; padding: 8px; border-style: solid; border-color: #999999; }
fieldset { border:1px solid #CCC; border-radius: 4px 4px 4px 4px; margin-top:10px; }
legend { margin-top:-10px; float:left;}
#totalAddress { width:300px; float:left; padding-left:84px; }
#totalAddress table { border:1px solid #ccc; }
#totalAddress table th { background:url(../images/drag-drop/head.jpg) repeat-x; height:30px; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background: #3535ff; color: #000f5ce; }
.ui-autocomplete { position: absolute; cursor: default; }
/*.button { border: 1px #ADADAD solid; height: 25px; line-height: 25px; background: url(../images/button-bg.jpg) repeat-x; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px #C4C4C4; -webkit-box-shadow: 0 1px 3px #C4C4C4; padding: 0px 10px; margin-right: 7px; font-size: 11px; }*/
.button img { margin: 0px 4px 2px 0px; float: left; height: 23px; width: 20px; background-image: url(../images/btn-icon.png); background-repeat: no-repeat }
.save { background-position: 0 0px; }
.delete { background-position: -23px 0px; }
.saveFilter { background-position: -139px 0px; }
#columns #column1 { width: 100%; }
.errDisplay { color:#F00; }
.content { margin: 15px; }
#readingTime { width:60px; }
#readingDate { width:100px; }
.ui-timepicker-list:hover .ui-timepicker-duration { color: #888; }
.ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; }
.ui-helper-clearfix { zoom: 1; }
.ui-autocomplete { position: absolute; cursor: default; height:250px; overflow-y : auto; border:1px solid #ccc; }
.ui-autocomplete li a:hover {color:#000f5ce; }
/*.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)50% 50% repeat-x; color: #222222; font-weight: bold; }*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background: #4196F3 url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121;text-decoration: none!important; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { line-height:24px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { line-height:24px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { line-height:24px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { line-height:24px; }
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 100000; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
#cboxOverlay { background: url(../images/colorbox-img/overlay.png) repeat 0 0; }
#cboxTopLeft { width: 21px; height: 21px; background: url(../images/colorbox-img/controls.png) no-repeat -101px 0; }
#cboxTopRight { width: 21px; height: 21px; background: url(../images/colorbox-img/controls.png) no-repeat -130px 0; }
#cboxBottomLeft { width: 21px; height: 21px; background: url(../images/colorbox-img/controls.png) no-repeat -101px -29px; }
#cboxBottomRight { width: 21px; height: 21px; background: url(../images/colorbox-img/controls.png) no-repeat -130px -29px; }
#cboxMiddleLeft { width: 21px; background: url(../images/colorbox-img/controls.png) left top repeat-y; }
#cboxMiddleRight { width: 21px; background: url(../images/colorbox-img/controls.png) right top repeat-y; }
#cboxTopCenter { height: 21px; background: url(../images/colorbox-img/border.png) 0 0 repeat-x; }
#cboxBottomCenter { height: 21px; background: url(../images/colorbox-img/border.png) 0 -29px repeat-x; }
#cboxContent { background: #fff; overflow: hidden; }
#cboxLoadedContent { margin-bottom: 0px; }
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }
#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }
#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }
#cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(../images/colorbox-img/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }
#cboxPrevious:hover { background-position: -75px -25px; }
#cboxNext { position: absolute; bottom: 0; left: 27px; background: url(../images/colorbox-img/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; }
#cboxNext:hover { background-position: -50px -25px; }
#cboxLoadingOverlay { background: url(../images/colorbox-img/loading_background.png) no-repeat center center; }
#cboxLoadingGraphic { background: url(../images/colorbox-img/loading.gif) no-repeat center center; }
#cboxClose { position: absolute; top: 10px; right: 10px; background: url(../images/colorbox-img/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; }
#cboxClose:hover { background-position: -25px -25px; }
#gritter-notice-wrapper { position:fixed; top:20px; right:20px; width:301px; z-index:55020; }
.gritter-item-wrapper { position:relative; margin:0 0 10px 0; background:url('../images/ie-spacer.gif'); /* ie7/8 fix */ }
.gritter-top { background:url(../images/gritter.png) no-repeat left -30px; height:10px; }
.hover .gritter-top { background-position:right -30px; }
.gritter-bottom { background:url(../images/gritter.png) no-repeat left bottom; height:8px; margin:0; }
.hover .gritter-bottom { background-position: bottom right; }
.gritter-item { display:block; background:url(../images/gritter.png) no-repeat left -40px; color:#eee; padding:2px 11px 8px 11px; font-size: 11px; font-family:verdana; }
.hover .gritter-item { background-position:right -40px; }
.gritter-item p { padding:0; margin:0; }
.gritter-close { display:none; position:absolute; top:5px; left:3px; background:url(../images/gritter.png) no-repeat left top; cursor:pointer; width:30px; height:30px; }
.gritter-title { font-size:14px; font-weight:bold; padding:0 0 7px 0; display:block; text-shadow:1px 1px #000; /* Not supported by IE :( */ }
.gritter-image { width:48px; height:48px; float:left; }
.gritter-with-image, .gritter-without-image { padding:0 0 5px 0; }
.gritter-with-image { width:220px; float:right; }
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list:hover .ui-timepicker-selected:hover { background: #1980EC; color: #fff; }
li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; }
.ui-state-disabled { cursor: default !important; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
#dpCalendar { display: none; position: absolute; background-color: #eee; color: black; font-size: xx-small; font-family: Arial, Helvetica, sans-serif; width: 200px; z-index:10000000; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #999; background: #ECF3F9; color: #000000; }
/* Resizable*/
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
#reminders ul { margin-top:20px; margin-left:20px; }
#assetData td { border:none; }
.ticketTable { border:none; width:100%; }
.ticketTable td { border:none; height:25px; }
.ticketButtons { margin-top:10px; }
#replyButton { float:right; }
#ticketHistoryResultTable { height:150px; overflow-y:scroll; }
#ticketHistoryResultTable td { background-color:#FFF; }
.ui-state-disabled { cursor: default !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555 }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity = 35); background-image: none; }
.ui-timepicker-list { overflow-y: auto; height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; margin: 0; padding: 0; list-style: none; }
.ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; }
.ui-autocomplete-loading { background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }
#lightbox { display: none; background: url(../images/light-box-bg.png) repeat; opacity: 1; filter: alpha(opacity = 70); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1031; }
#lightbox-panel {display: none; position: absolute; background: #FFFFFF; border:1px solid #CCCCCC; z-index: 1032; height: auto; -webkit-border-radius: 8px;
 -moz-border-radius: 8px; /*border-radius: 8px;*/ top:auto !important; left:2%!important; right:2%!important; width:auto !important; 
 padding: 10px 0; }
#lightbox-panel.print{ display: none; position: absolute; background: #FFFFFF; border:1px solid #CCCCCC; z-index: 1032; -webkit-border-radius: 8px; -moz-border-radius: 8px; /*border-radius: 8px;*/ top:auto !important; left: 15%!important; width:25.4cm!important;  height: 10.16cm!important; padding: 10px 0; }

#lightbox-panel.Apparisal{ display: none; position: absolute; background: #FFFFFF; border:1px solid #CCCCCC; z-index: 1032; -webkit-border-radius: 8px; -moz-border-radius: 8px; /*border-radius: 8px;*/ top:auto !important; left: 30%!important; width:50%!important;  height: 10.16cm!important; padding: 10px 0; }

#lightbox-panel.Gatepass{ display: none; position: absolute; background: #FFFFFF; border:1px solid #CCCCCC; z-index: 1032; -webkit-border-radius: 8px; -moz-border-radius: 8px; /*border-radius: 8px;*/ top:auto !important; left: 20%!important; width:10in!important;  height: auto!important; padding: 10px 0; }

#lightbox-panel.Htmlprint{ display: none;position: absolute; background: #FFFFFF; border:1px solid #CCCCCC; z-index: 1032; -webkit-border-radius: 8px; -moz-border-radius: 8px; /*border-radius: 8px;*/ top:auto !important; width: 33cm !important;  height: 29.7cm !important; padding: 10px 0; }

#lightbox-panel.ThermalPrint{ display: none;position: absolute; background: #FFFFFF; border:1px solid #CCCCCC; z-index: 1032; -webkit-border-radius: 8px; -moz-border-radius: 8px; /*border-radius: 8px;*/ top:auto !important; width: 33cm !important;  height: 29.7cm !important; padding: 10px 0; }
/*#lightbox-panel.Jasper_Seperate_Css{ display: none; position: absolute; background: #FFFFFF; border: 2px solid #CCCCCC; z-index: 1002; height: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; top:3% !important; left:2% !important; width:95% !important; padding: 10px 0; }*/
.titleText { font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.text { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; }
.textfield { float:left; margin-right:5px; height: 20px; line-height:20px; width: 200px; }
/*.red { color:#FF0000 }*/
#container #total { width:auto!important; }
#total td { padding:4px }
#formContainer input, textarea { float: left; }
.userSetting input[type="button"] { padding:2px 10px; cursor:pointer }
.popup .inputBig { margin-right:5px;  line-height:23px; float:left; width:348px }
.popup input { float:left; }
textarea.remarks { resize:none; }
.selectbox { display: block; text-align: left; cursor: pointer; padding-left: 5px; height: 24px; float: left; width: 91px; margin-right: 3px; }
.settingbutton { background:transparent url(../images/drag-drop/buttons.jpg) no-repeat scroll left 5px; border: medium none; color: #666666; cursor: pointer; display: block; float: left; height: 25px; padding-left: 5px; text-align: left; text-indent: -100000px; width: 28px; }
.showhidebutton { background: url(../images/drag-drop/buttons.jpg) no-repeat scroll left 5px transparent; background-position: -27px 5px; border: medium none; color: #666666; cursor: pointer; display: block; float: left; height: 25px; padding-left: 5px; text-align: left; text-indent: -100000px; width: 28px; }
/*General Form desing*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { display: inline-block; height: 29px;  font-size: 13px; line-height: 15px; color: #555555; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; /*border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; font:normal 13px open sans;*/}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
table.tableData_alignment tr td input[type="text"]{width:200px !important; }
table.tableData_alignment tr select{width:200px !important; }
.tableData .tableScroll table tr td{padding:4px !important;}
textarea { height: auto; font-family:Arial; }
input[type="radio"], input[type="checkbox"] { margin: 2px; *margin-top: 0;
line-height: normal; cursor: pointer; }
input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }
select, input[type="file"] { height: 23px; *margin-top: 4px;
line-height: 28px; width: 204px; }
#UOMType select, #UOMType, #UOMNoOfDecimals { width: 232px; }
select[multiple], select[size] { height: auto; }
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
#criteriaform select { width:125px; -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; background-color: #FFFFFF; border: 1px solid #CCCCCC; /*border-radius: 3px 3px 3px 3px;*/ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; font:normal 12px open sans;}
#criteriaform{ width:auto;}

/* Added By Siva Start */
#criteriaforms select { width:125px; -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; background-color: #FFFFFF; border: 1px solid #CCCCCC; /*border-radius: 3px 3px 3px 3px;*/ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; font:normal 12px open sans;}
#criteriaforms{ width:auto;}
/* End */
	
.jstree a { height:25px; !important}
#formReadingData .readingTable .Picklist{ width:160px!important;}
.table-bottom{ background-color:#F2F2F2; line-height:35px; height:35px; border:1px solid #D5D5D5; border-top:none}
#formReadingData .remarks{}
.dataTables_scroll{ border-right:1px solid #D5D5D5;  border-left:1px solid #D5D5D5;}
.jgauge{ margin:0 auto; display:block}
.left{ float:left; padding-left:20px;}
/*---------------datepicker------------------------*/
#dpCalendar table { border: 1px solid black; background-color:#fff; color: black; font-size: xx-small; width: 100%; }
#dpCalendar .cellButton { background-color:#4173C5; color: #fff; }
#dpCalendar .cellButton a { color:#fff; }
#dpCalendar .cellButton a:hover { color:#333 }
#dpCalendar .cellMonth { background-color: #4173C5; color: #fff; text-align: center; }
#dpCalendar .cellDay { background-color: #eee; color: #000; text-align: center; }
#dpCalendar .cellDay:hover { color:#fff; }
#dpCalendar .cellSelected { background-color: #CCCCCC; color: #fff; text-align: center; }
#dpCalendar .cellToday { background-color:#5FA8DE; color: #fff; text-align: center; }
#dpCalendar .cellToday a { color:#FFFFFF; }
#dpCalendar .cellRange { background-color: #ffccff; color: black; text-align: center; }
#dpCalendar .unused { background-color: transparent; color: black; }
#dpCalendar .cellCancel { background-color: #4173C5; color: #000; border: 1px solid #4173C5; text-align: center; }
#dpCalendar .cellCancel a { display: block; color:#fff; cursor:pointer; }
#dpCalendar a { text-decoration: none; background-color: transparent; }
#dpCalendar .cellDay:hover { background-color:#4173C5; color:#fff; cursor:pointer; }
#dpCalendar table td { border:1px solid #ccc; padding:7px; }
.tableScroll{ height:auto; overflow-x:auto; padding:10px 0}
.tableScroll::-webkit-scrollbar {background: transparent;}
.tableScroll::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);border: solid whiteSmoke 4px;}
.tableScroll::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.3);}
#formpartybranch .picklistdropdown{ margin-left: -24px;}
.readingTable table.tablesorter tr{border: 1px solid #DDDDDD;}
#prevReadingDiv .tablesorter tr{border: 1px solid #DDDDDD; border-right:none;}
.uom{ float:left!important;}
.assetActivity{display:block; margin-left:10px;}
#userCreationTable .picklistdropdown{ margin-left: -29px;}
#formAssetType .picklistdropdown{ margin-left: -23px;}
.usergroup{ display:block}
#formparameter .tableData textarea, #formParameterSet textarea, formActivityType textarea{ margin-left:0}
.tableScroll textarea{ margin-left:0}
.datalogfilter .picklistdropdown{ margin-right:10px;}
.archive{ margin-right:10px;}
.addressDeails{ font-size:12px; line-height:35px; border-radius: 10px 10px 10px 10px; width:100%; color: #2D2D2D; font-family: 'FrutigerRegular' }
.addressDeails td { padding-left:15px;}
.addressDeails span{ padding:0 20px;}
.addressDeails .head{ font-size:16px; color:#333333; line-height:35px; border-radius: 10px 10px 0px 0px;background: #F2F2F2 url(../images/address-details.png) no-repeat 10px center; padding-left: 40px; margin-bottom:20px; }
.addressDeails p{ display:inline-block; width:77px;}
.addressDeails .fax{ background:url(../images/fax.png) no-repeat 25px; background-position:right}
.addressDeails .mobile{ background:url(../images/mobile.png) no-repeat 40px;  background-position:right}
.addressDeails .phone{ background:url(../images/phone.png) no-repeat 40px; background-position:right}
.addressDeails .zip{ background:url(../images/zip.png) no-repeat 50px;  background-position:right}
.ui-tabs .ui-tabs-panel{ min-height:80px;}
/*placeholder css*/
input:-moz-placeholder {color: #BBBBBB;}
textarea:-moz-placeholder {color: #BBBBBB;}
#calSelectedDate{font-weight:bold;font-size:15px;padding-left:85px;}
.tableData select{font:normal 12px open sans; color:#555;}
/**rss**/
.rss1{background:none !important; margin:0px 2px;}
.rss1:hover{background:none !important;}
.lighbox_RSS{width:45% !important; left:25% !important; top:10% !important;}
.rss{float:left; width:100%;}
.rss p.sups{float:left; font:normal 16px open sans; color:#A47441; margin-left:10px;}
.rss_detail{float:left; width:100%;border-top:1px solid #ccc; padding:10px;}
.rss_item_name{float:left; width:100%;  padding:0px 0 1px; border-bottom:4px solid #ccc;}
.rss_icon{float:left; font-size:35px; padding:0px 20px;color:#ffa500;}
.rss_title{float:left; width:auto; font:bold 16px open sans; color:#888; margin-top:7px;}
.subitem{float:left; width:100%; font:normal 14px open sans; color:#333; margin-top:7px; }
.rss_detail ul li{float:left; width:auto; margin:0px 10px; background:#666; padding:3px 12px; border:1px solid #999;}
.rss_detail ul li a{float:left; width:100%; font:bold 12px open sans; color:#fff}
.sub_but{float:right; padding:6px 13px; border:1px solid #ccc; background:#ffa500; cursor:pointer;color:#fff; font:bold 13px open sans; border-radius:7px;}
.sub_but:hover{color:#000;}
.sub_bottom{float:left; margin-top:10px; border-top:4px solid #888; width:97%; margin-left:10px;}
.sub_bottom ul li{float:left; width:auto; padding:3px 10px; border:1px solid #888; background:#ccc;}
.sub_bottom ul li.active{background:#A47441;}
.sub_bottom ul li a{color:#000; font:bold 13px open sans;}
.sub_bottom ul li.active a{color:#fff;}
.only_tab_scroll{float:left; width:100%; overflow-x:scroll;}
.slideShowCtrl{opacity:1 !important; }
.slideShowWrapper{position:relative;}
.slideShowCtrl .slideShowCtrlPrev{position:absolute; top:0px; left:-10px;}
.slideShowCtrl .slideShowCtrlNext{position:absolute; top:0px; right:-10px;}
.ui-autocomplete .ui-front .ui-menu .ui-widget .ui-widget-content .ui-corner-all{z-index:2147483647;}

ul.select2-result-sub{width:100% !important;}
/*.select2-result-label span{width:50% !important;}*/
.po_sea_out{border:1px solid #999;float:left;}
.dojoxPortletSettingsContainer{float:left;}
.outer_port_search{float:left; width:100%; background:none;}
.outer_port_search #searchTerms{float:left;}
.outer_port_search #searchBtn{float:left; border:1px solid #999; background:#ddd; width:50px; background:url("../images/custom_image/search1.png") no-repeat 18px 6px #999;}
.outer_port_search.list_search input[type="text"]{width:320px;}
.outer_port_search .add{margin:2px 10px 0 25px; }
.outer_port_search .add .btn{padding:6px 14px;}
.outer_port_search .add  .btn.btn-save{background:#999;}
.outer_port_search.list_search{background:none;}
.dijitTitlePaneContentInner{clear:both;}
.outer_port_search.list_search  ul li{background:none repeat scroll 0 0 #9AD5FA;}
.drilldownlink table tr{cursor:pointer;}

#sd{padding:2px; background:#f9fbfb;}
#sd .dojoxFloatingPaneCanvas{padding:0px 3px 7px 0px;}

.columnhideclass div a{
	cursor:pointer;
	margin-left:10px;
	float:left;
	margin-top:5px;
}

.redclass{
	color:red;
}

#bwinPopupd .ganttTaskEditor td {
    padding: 6px 0;
}

.workflow_content_outer li.selected {
    background-color: yellow;   
}
.custom-menu li:hover {
    background-color: #ecffb3;
}
.custom-menu2 li:hover {
    background-color: #ecffb3;
}
.custom-menu3 li:hover {
    background-color: #ecffb3;
}

.picklistdown{ margin-top:0px; /* border:1px solid #CCC;*/margin-left:-31px; float:left; border-left:none; }


.tasktableData { width:100%; position:relative }

.asanatable
{
	width: 100%;
    padding: 15px;
    background-color: white;
    box-shadow: 10px 5px 5px grey;
}

.PanelBody{float:left; width:900px; height:100%;}

.paneldefaultbody
{
	width: 100%;
    padding: 15px;
    background-color: white;
    box-shadow: 10px 5px 5px grey;
}

.flex-containerbody
{
	width: 100%;
	height: 96.5%;
    padding: 15px;
    background-color: white;
    box-shadow: 10px 5px 5px grey;
}

.flexcontainer
{
	width: 49%;
	height: 96.5%;
    padding: 15px;
    background-color: white;
    box-shadow: 10px 5px 5px grey;
	overflow-y: scroll;
}
.flexbodycontainer
{
	width: 49%;
	height: 96.5%;
    padding: 15px;
    background-color: white;
    box-shadow: 10px 5px 5px grey;
	float: right;
}


.panelheaderbody
{
	width: 100%;
	height: 96.5%;
}
.closeWindow{top:3px !important; right:3px !important; }

#taskboxClose {
    background: rgba(0, 0, 0, 0) url("../images/colorbox-img/controls.png") no-repeat scroll -25px 0;
    height: 25px;
    position: absolute;
    right: 55px;
    text-indent: -9999px;
    top: 117px;
    width: 25px;
}

#taboxClose { position: absolute; top: 10px; right: 15px; background: url(../images/colorbox-img/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; margin: 89px 40px; }

	@media print {
    #Header, #Footer { display: none !important; }
}
.ExportbuttonClass
{
	display:inline;
	pointer-events: none;
	opacity: 0.6;
}