body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } .ui-jqgrid{position:relative}.ui-jqgrid .ui-jqgrid-view{position:relative;left:0;top:0;padding:.0em;font-size:11px}.ui-jqgrid .ui-jqgrid-titlebar{padding:.3em .2em .2em .3em;position:relative;border-left:0 none;border-right:0 none;border-top:0 none}.ui-jqgrid .ui-jqgrid-title{float:left;margin:.1em 0 .2em}.ui-jqgrid .ui-jqgrid-titlebar-close{position:absolute;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px}.ui-jqgrid .ui-jqgrid-titlebar-close span{display:block;margin:1px}.ui-jqgrid .ui-jqgrid-titlebar-close:hover{padding:0}.ui-jqgrid .ui-jqgrid-hdiv{position:relative;margin:0;padding:0;overflow-x:hidden;border-left:0 none!important;border-top:0 none!important;border-right:0 none!important}.ui-jqgrid .ui-jqgrid-hbox{float:left;padding-right:20px}.ui-jqgrid .ui-jqgrid-htable{table-layout:fixed;margin:0}.ui-jqgrid .ui-jqgrid-htable th{height:22px;padding:0 2px 0 2px}.ui-jqgrid .ui-jqgrid-htable th div{overflow:hidden;position:relative;height:17px}.ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column{overflow:hidden;white-space:nowrap;text-align:center;border-top:0 none;border-bottom:0 none}.ui-th-ltr,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr{border-left:0 none}.ui-th-rtl,.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl{border-right:0 none}.ui-first-th-ltr{border-right:1px solid}.ui-first-th-rtl{border-left:1px solid}.ui-jqgrid .ui-th-div-ie{white-space:nowrap;zoom:1;height:17px}.ui-jqgrid .ui-jqgrid-resize{height:20px!important;position:relative;cursor:e-resize;display:inline;overflow:hidden}.ui-jqgrid .ui-grid-ico-sort{overflow:hidden;position:absolute;display:inline;cursor:pointer!important}.ui-jqgrid .ui-icon-asc{margin-top:-3px;height:12px}.ui-jqgrid .ui-icon-desc{margin-top:3px;height:12px}.ui-jqgrid .ui-i-asc{margin-top:0;height:16px}.ui-jqgrid .ui-i-desc{margin-top:0;margin-left:13px;height:16px}.ui-jqgrid .ui-jqgrid-sortable{cursor:pointer}.ui-jqgrid tr.ui-search-toolbar th{border-top-width:1px!important;border-top-color:inherit!important;border-top-style:ridge!important}tr.ui-search-toolbar input{margin:1px 0 0 0}tr.ui-search-toolbar select{margin:1px 0 0 0}.ui-jqgrid .ui-jqgrid-bdiv{position:relative;margin:0;padding:0;overflow:auto;text-align:left}.ui-jqgrid .ui-jqgrid-btable{table-layout:fixed;margin:0;outline-style:none}.ui-jqgrid tr.jqgrow{outline-style:none}.ui-jqgrid tr.jqgroup{outline-style:none}.ui-jqgrid tr.jqgrow td{font-weight:normal;overflow:hidden;white-space:pre;height:22px;padding:0 2px 0 2px;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid}.ui-jqgrid tr.jqgfirstrow td{padding:0 2px 0 2px;border-right-width:1px;border-right-style:solid}.ui-jqgrid tr.jqgroup td{font-weight:normal;overflow:hidden;white-space:pre;height:22px;padding:0 2px 0 2px;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid}.ui-jqgrid tr.jqfoot td{font-weight:bold;overflow:hidden;white-space:pre;height:22px;padding:0 2px 0 2px;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid}.ui-jqgrid tr.ui-row-ltr td{text-align:left;border-right-width:1px;border-right-color:inherit;border-right-style:solid}.ui-jqgrid tr.ui-row-rtl td{text-align:right;border-left-width:1px;border-left-color:inherit;border-left-style:solid}.ui-jqgrid td.jqgrid-rownum{padding:0 2px 0 2px;margin:0;border:0 none}.ui-jqgrid .ui-jqgrid-resize-mark{width:2px;left:0;background-color:#777;cursor:e-resize;cursor:col-resize;position:absolute;top:0;height:100px;overflow:hidden;display:none;border:0 none;z-index:99999}.ui-jqgrid .ui-jqgrid-sdiv{position:relative;margin:0;padding:0;overflow:hidden;border-left:0 none!important;border-top:0 none!important;border-right:0 none!important}.ui-jqgrid .ui-jqgrid-ftable{table-layout:fixed;margin-bottom:0}.ui-jqgrid tr.footrow td{font-weight:bold;overflow:hidden;white-space:nowrap;height:21px;padding:0 2px 0 2px;border-top-width:1px;border-top-color:inherit;border-top-style:solid}.ui-jqgrid tr.footrow-ltr td{text-align:left;border-right-width:1px;border-right-color:inherit;border-right-style:solid}.ui-jqgrid tr.footrow-rtl td{text-align:right;border-left-width:1px;border-left-color:inherit;border-left-style:solid}.ui-jqgrid .ui-jqgrid-pager{border-left:0 none!important;border-right:0 none!important;border-bottom:0 none!important;margin:0!important;padding:0!important;position:relative;height:25px;white-space:nowrap;overflow:hidden;font-size:11px}.ui-jqgrid .ui-pager-control{position:relative}.ui-jqgrid .ui-pg-table{position:relative;padding-bottom:2px;width:auto;margin:0}.ui-jqgrid .ui-pg-table td{font-weight:normal;vertical-align:middle;padding:1px}.ui-jqgrid .ui-pg-button{height:19px!important}.ui-jqgrid .ui-pg-button span{display:block;margin:1px;float:left}.ui-jqgrid .ui-pg-button:hover{padding:0}.ui-jqgrid .ui-state-disabled:hover{padding:1px}.ui-jqgrid .ui-pg-input{height:13px;font-size:.8em;margin:0}.ui-jqgrid .ui-pg-selbox{font-size:.8em;line-height:18px;display:block;height:18px;margin:0}.ui-jqgrid .ui-separator{height:18px;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:1px;float:right}.ui-jqgrid .ui-paging-info{font-weight:normal;height:19px;margin-top:3px;margin-right:4px}.ui-jqgrid .ui-jqgrid-pager .ui-pg-div{padding:1px 0;float:left;position:relative}.ui-jqgrid .ui-jqgrid-pager .ui-pg-button{cursor:pointer}.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon{float:left;margin:0 2px}.ui-jqgrid td input,.ui-jqgrid td select .ui-jqgrid td textarea{margin:0}.ui-jqgrid td textarea{width:auto;height:auto}.ui-jqgrid .ui-jqgrid-toppager{border-left:0 none!important;border-right:0 none!important;border-top:0 none!important;margin:0!important;padding:0!important;position:relative;height:25px!important;white-space:nowrap;overflow:hidden}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div{padding:1px 0;float:left;position:relative}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button{cursor:pointer}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon{float:left;margin:0 2px}.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span{display:block}.ui-jqgrid .ui-subgrid{margin:0;padding:0;width:100%}.ui-jqgrid .ui-subgrid table{table-layout:fixed}.ui-jqgrid .ui-subgrid tr.ui-subtblcell td{height:18px;border-right-width:1px;border-right-color:inherit;border-right-style:solid;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid}.ui-jqgrid .ui-subgrid td.subgrid-data{border-top:0 none!important}.ui-jqgrid .ui-subgrid td.subgrid-cell{border-width:0 0 1px 0}.ui-jqgrid .ui-th-subgrid{height:20px}.ui-jqgrid .loading{position:absolute;top:45%;left:45%;width:auto;z-index:101;padding:6px;margin:5px;text-align:center;font-weight:bold;display:none;border-width:2px!important;font-size:11px}.ui-jqgrid .jqgrid-overlay{display:none;z-index:100}* html .jqgrid-overlay{width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px')}* .jqgrid-overlay iframe{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px')}.ui-jqgrid .ui-userdata{border-left:0 none;border-right:0 none;height:21px;overflow:hidden}.ui-jqdialog{display:none;width:300px;position:absolute;padding:.2em;font-size:11px;overflow:visible}.ui-jqdialog .ui-jqdialog-titlebar{padding:.3em .2em;position:relative}.ui-jqdialog .ui-jqdialog-title{margin:.1em 0 .2em}.ui-jqdialog .ui-jqdialog-titlebar-close{position:absolute;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px}.ui-jqdialog .ui-jqdialog-titlebar-close span{display:block;margin:1px}.ui-jqdialog .ui-jqdialog-titlebar-close:hover,.ui-jqdialog .ui-jqdialog-titlebar-close:focus{padding:0}.ui-jqdialog-content,.ui-jqdialog .ui-jqdialog-content{border:0;padding:.3em .2em;background:0;height:auto}.ui-jqdialog .ui-jqconfirm{padding:.4em 1em;border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center}.ui-jqdialog-content .FormGrid{margin:0}.ui-jqdialog-content .EditTable{width:100%;margin-bottom:0}.ui-jqdialog-content .DelTable{width:100%;margin-bottom:0}.EditTable td input,.EditTable td select,.EditTable td textarea{margin:0}.EditTable td textarea{width:auto;height:auto}.ui-jqdialog-content td.EditButton{text-align:right;border-top:0 none;border-left:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px}.ui-jqdialog-content td.navButton{text-align:center;border-left:0 none;border-top:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px}.ui-jqdialog-content input.FormElement{padding:.3em}.ui-jqdialog-content .data-line{padding-top:.1em;border:0 none}.ui-jqdialog-content .CaptionTD{vertical-align:middle;border:0 none;padding:2px;white-space:nowrap}.ui-jqdialog-content .DataTD{padding:2px;border:0 none;vertical-align:top}.ui-jqdialog-content .form-view-data{white-space:pre}.fm-button{display:inline-block;margin:0 4px 0 0;padding:.4em .5em;text-decoration:none!important;cursor:pointer;position:relative;text-align:center;zoom:1}.fm-button-icon-left{padding-left:1.9em}.fm-button-icon-right{padding-right:1.9em}.fm-button-icon-left .ui-icon{right:auto;left:.2em;margin-left:0;position:absolute;top:50%;margin-top:-8px}.fm-button-icon-right .ui-icon{left:auto;right:.2em;margin-left:0;position:absolute;top:50%;margin-top:-8px}#nData,#pData{float:left;margin:3px;padding:0;width:15px}.ui-jqgrid .selected-row,div.ui-jqgrid .selected-row td{font-style:normal;border-left:0 none}.ui-inline-del.ui-state-hover span,.ui-inline-edit.ui-state-hover span,.ui-inline-save.ui-state-hover span,.ui-inline-cancel.ui-state-hover span{margin:-1px}.ui-jqgrid .tree-wrap{float:left;position:relative;height:18px;white-space:nowrap;overflow:hidden}.ui-jqgrid .tree-minus{position:absolute;height:18px;width:18px;overflow:hidden}.ui-jqgrid .tree-plus{position:absolute;height:18px;width:18px;overflow:hidden}.ui-jqgrid .tree-leaf{position:absolute;height:18px;width:18px;overflow:hidden}.ui-jqgrid .treeclick{cursor:pointer}* iframe.jqm{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px')}.ui-jqgrid-dnd tr td{border-right-width:1px;border-right-color:inherit;border-right-style:solid;height:20px}.ui-jqgrid .ui-jqgrid-title-rtl{float:right;margin:.1em 0 .2em}.ui-jqgrid .ui-jqgrid-hbox-rtl{float:right;padding-left:20px}.ui-jqgrid .ui-jqgrid-resize-ltr{float:right;margin:-2px -2px -2px 0}.ui-jqgrid .ui-jqgrid-resize-rtl{float:left;margin:-2px 0 -1px -3px}.ui-jqgrid .ui-sort-rtl{left:0}.ui-jqgrid .tree-wrap-ltr{float:left}.ui-jqgrid .tree-wrap-rtl{float:right}.ui-jqgrid .ui-ellipsis{text-overflow:ellipsis} .xdsoft_datetimepicker{ box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506); background: #FFFFFF; border-bottom: 1px solid #BBBBBB; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; display: block; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; padding-left: 0px; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display:none; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border:none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border:none !important; } .xdsoft_noselect{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline{ display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker *{ -moz-box-sizing: border-box; box-sizing: border-box; padding:0px; margin:0px; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker{ display:none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active{ display:block; } .xdsoft_datetimepicker .xdsoft_datepicker{ width: 224px; float:left; margin-left:8px; } .xdsoft_datetimepicker .xdsoft_timepicker{ width: 58px; float:left; text-align:center; margin-left:8px; margin-top:0px; } .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{ margin-top:8px; margin-bottom:3px } .xdsoft_datetimepicker .xdsoft_mounthpicker{ position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg=='); } .xdsoft_datetimepicker .xdsoft_prev{ float: left; background-position:-20px 0px; } .xdsoft_datetimepicker .xdsoft_today_button{ float: left; background-position:-70px 0px; margin-left:5px; } .xdsoft_datetimepicker .xdsoft_next{ float: right; background-position:0px 0px; } .xdsoft_datetimepicker .xdsoft_next:active,.xdsoft_datetimepicker .xdsoft_prev:active{ } .xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev ,.xdsoft_datetimepicker .xdsoft_today_button{ background-color: transparent; background-repeat: no-repeat; border: 0px none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; outline: medium none currentColor; overflow: hidden; padding: 0px; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{ float:none; background-position:-40px -15px; height: 15px; width: 30px; display: block; margin-left:14px; margin-top:7px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{ background-position:-40px 0px; margin-bottom:7px; margin-top:0px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{ height:151px; overflow:hidden; border-bottom:1px solid #DDDDDD; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{ background: #F5F5F5; border-top:1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: center; border-collapse:collapse; cursor:pointer; border-bottom-width:0px; height:25px; line-height:25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{ border-top-width:0px; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; } .xdsoft_datetimepicker .xdsoft_label{ display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float:left; width:182px; text-align:center; cursor:pointer; } .xdsoft_datetimepicker .xdsoft_label:hover{ text-decoration:underline; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select{ border:1px solid #ccc; position:absolute; display:block; right:0px; top:30px; z-index:101; display:none; background:#fff; max-height:160px; overflow-y:hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;} .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;} .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{ color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option{ padding:2px 10px 2px 5px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{ background: #33AAFF; box-shadow: #178FE5 0px 1px 3px 0px inset; color:#fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month{ width:90px; text-align:right; } .xdsoft_datetimepicker .xdsoft_calendar{ clear:both; } .xdsoft_datetimepicker .xdsoft_year{ width:56px; } .xdsoft_datetimepicker .xdsoft_calendar table{ border-collapse:collapse; width:100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div{ padding-right:5px; } .xdsoft_datetimepicker .xdsoft_calendar th{ height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{ width:14.2857142%; text-align:center; background: #F5F5F5; border:1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: right; padding:0px; border-collapse:collapse; cursor:pointer; height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar th{ background: #F1F1F1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{ color:#33AAFF; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{ background: #33AAFF; box-shadow: #178FE5 0px 1px 3px 0px inset; color:#fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled{ opacity:0.5; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{ opacity:0.2; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{ color: #fff !important; background: #ff8000 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{ color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th{ font-weight: 700; text-align: center; color: #999; cursor:default; } .xdsoft_datetimepicker .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;} .xdsoft_datetimepicker .xdsoft_copyright a{ color:#eee !important;} .xdsoft_datetimepicker .xdsoft_copyright a:hover{ color:#aaa !important;} .xdsoft_time_box{ position:relative; border:1px solid #ccc; } .xdsoft_scrollbar >.xdsoft_scroller{ background:#ccc !important; height:20px; border-radius:3px; } .xdsoft_scrollbar{ position:absolute; width:7px; width:7px; right:0px; top:0px; bottom:0px; cursor:pointer; } .xdsoft_scroller_box{ position:relative; } /* ============================================ */ /* This file has a mobile-to-desktop breakpoint */ /* ============================================ */ @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } @media screen { .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .grid-container:before, .clearfix:before, .grid-container:after, .clearfix:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-container:after, .clearfix:after { clear: both; } .grid-container, .clearfix { /* */ *zoom: 1; /* */ } .grid-container { margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 10px; padding-right: 10px; } .grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; /* */ *padding-left: 0; *padding-right: 0; /* */ } .grid-5 > *, .mobile-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .grid-66 > *, .mobile-grid-66 > * { /* */ *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); /* */ } .grid-parent { padding-left: 0; padding-right: 0; } body { min-width: 320px; } } @media screen and (max-width: 767px) { .mobile-grid-100:before, .mobile-grid-100:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .mobile-grid-100:after { clear: both; } .mobile-grid-100 { /* */ *zoom: 1; /* */ } .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { position: relative; } .hide-on-mobile { display: none !important; } .mobile-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-5 { margin-left: 5%; } .mobile-suffix-5 { margin-right: 5%; } .mobile-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-10 { margin-left: 10%; } .mobile-suffix-10 { margin-right: 10%; } .mobile-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-15 { margin-left: 15%; } .mobile-suffix-15 { margin-right: 15%; } .mobile-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-20 { margin-left: 20%; } .mobile-suffix-20 { margin-right: 20%; } .mobile-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-25 { margin-left: 25%; } .mobile-suffix-25 { margin-right: 25%; } .mobile-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-30 { margin-left: 30%; } .mobile-suffix-30 { margin-right: 30%; } .mobile-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-35 { margin-left: 35%; } .mobile-suffix-35 { margin-right: 35%; } .mobile-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-40 { margin-left: 40%; } .mobile-suffix-40 { margin-right: 40%; } .mobile-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-45 { margin-left: 45%; } .mobile-suffix-45 { margin-right: 45%; } .mobile-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-50 { margin-left: 50%; } .mobile-suffix-50 { margin-right: 50%; } .mobile-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-55 { margin-left: 55%; } .mobile-suffix-55 { margin-right: 55%; } .mobile-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-60 { margin-left: 60%; } .mobile-suffix-60 { margin-right: 60%; } .mobile-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-65 { margin-left: 65%; } .mobile-suffix-65 { margin-right: 65%; } .mobile-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-70 { margin-left: 70%; } .mobile-suffix-70 { margin-right: 70%; } .mobile-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-75 { margin-left: 75%; } .mobile-suffix-75 { margin-right: 75%; } .mobile-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-80 { margin-left: 80%; } .mobile-suffix-80 { margin-right: 80%; } .mobile-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-85 { margin-left: 85%; } .mobile-suffix-85 { margin-right: 85%; } .mobile-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-90 { margin-left: 90%; } .mobile-suffix-90 { margin-right: 90%; } .mobile-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-95 { margin-left: 95%; } .mobile-suffix-95 { margin-right: 95%; } .mobile-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-33 { margin-left: 33.33333%; } .mobile-suffix-33 { margin-right: 33.33333%; } .mobile-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-66 { margin-left: 66.66667%; } .mobile-suffix-66 { margin-right: 66.66667%; } .mobile-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-100 { clear: both; width: 100%; } } @media screen and (min-width: 767px) { .grid-100:before, .grid-100:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-100:after { clear: both; } .grid-100 { /* */ *zoom: 1; /* */ } .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { position: relative; } .hide-on-desktop { display: none !important; } .grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-5 { margin-left: 5%; } .suffix-5 { margin-right: 5%; } .push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-10 { margin-left: 10%; } .suffix-10 { margin-right: 10%; } .push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-15 { margin-left: 15%; } .suffix-15 { margin-right: 15%; } .push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-20 { margin-left: 20%; } .suffix-20 { margin-right: 20%; } .push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-25 { margin-left: 25%; } .suffix-25 { margin-right: 25%; } .push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-30 { margin-left: 30%; } .suffix-30 { margin-right: 30%; } .push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-35 { margin-left: 35%; } .suffix-35 { margin-right: 35%; } .push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-40 { margin-left: 40%; } .suffix-40 { margin-right: 40%; } .push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-45 { margin-left: 45%; } .suffix-45 { margin-right: 45%; } .push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-50 { margin-left: 50%; } .suffix-50 { margin-right: 50%; } .push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-55 { margin-left: 55%; } .suffix-55 { margin-right: 55%; } .push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-60 { margin-left: 60%; } .suffix-60 { margin-right: 60%; } .push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-65 { margin-left: 65%; } .suffix-65 { margin-right: 65%; } .push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-70 { margin-left: 70%; } .suffix-70 { margin-right: 70%; } .push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-75 { margin-left: 75%; } .suffix-75 { margin-right: 75%; } .push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-80 { margin-left: 80%; } .suffix-80 { margin-right: 80%; } .push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-85 { margin-left: 85%; } .suffix-85 { margin-right: 85%; } .push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-90 { margin-left: 90%; } .suffix-90 { margin-right: 90%; } .push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-95 { margin-left: 95%; } .suffix-95 { margin-right: 95%; } .push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-33 { margin-left: 33.33333%; } .suffix-33 { margin-right: 33.33333%; } .push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .prefix-66 { margin-left: 66.66667%; } .suffix-66 { margin-right: 66.66667%; } .push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .grid-100 { clear: both; width: 100%; } } html { margin-left: auto; margin-right: auto; } body, html { font-family: Verdana !important; overflow: hidden; height: 100%; width: 100%; font-size: 12px !important; -moz-user-select: none; -webkit-user-select: none; user-select: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } h3 { font-size: 16pt; color: #2e6e9e; } h4 { margin-bottom: 10px; font-size: 9pt; margin-top: -10px; } h5 { color: #2e6e9e; font-size: 12pt; } p { font-size: 9pt; font-family: Verdana; } select { font-size: 9pt; } /* Main Layout -----------------------------------------------------------*/ #mainBanner { background: #5e87b0 /*{b-bar-background-color}*/; color: #fff; font-weight: bold; text-shadow: 0 1px 0 #3e6790; background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 ), to( #497bae )); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #6facd5, #497bae ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #6facd5, #497bae ); /* FF3.6 */ background-image: -ms-linear-gradient( #6facd5, #497bae ); /* IE10 */ background-image: -o-linear-gradient( #6facd5, #497bae ); /* Opera 11.10+ */ background-image: linear-gradient( #6facd5, #497bae ); display: block; /*float: left;*/ height: 50px; /*left: 0px;*/ /*position: relative; */ /*top: 5px; */ width: 100%; } #mainBannerMiddle { color: #fff; display: inline; float: left; font-size: 50px; font-style: italic; font-weight: bold; height: 50px; line-height: 50px; margin-left: 30px; /*position: absolute;*/ /*top: 40px; */ /*width: 65%;*/ /*z-index: 56; */ } .main-banner-left-side { float: left; width: 10%; } .main-banner-right-side { color: #fff; float: left; height: 50px; margin-left: -10px; /*offset for margin of #mainbanner*/ position: relative; width: 25%; } .main-banner-right-text-bottom { bottom: 5px; position: absolute; right: 5px; } .main-banner-right-text-top { top: 5px; position: absolute; right: 5px; white-space: nowrap; } .main-banner-text-first { display: inline; font-size: 45px; font-weight: bold; } .main-banner-text-last { display: inline; font-size: 30px; } .footer-bar { z-index: 5; background: #5e87b0; background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/ ), to( #497bae /*{b-bar-background-end}*/ )); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/ ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/ ); /* FF3.6 */ background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/ ); /* IE10 */ background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/ ); /* Opera 11.10+ */ background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/ ); height: 20px; position: absolute; bottom: 0px; width: 100%; } /* General Styles ---------------------------#tabs--------------------------------*/ .main-content { text-align: center; position: relative; /*top: 50px; left: 0; right: 0; bottom: 0;*/ width: 100%; height: 100%; overflow: hidden; } .display-label { font-family: Verdana; font-size: 8pt; font-weight: bold; vertical-align: top; text-align: left; margin: 0; padding: 5px; } .display-field { font-family: Verdana; font-size: 8pt; font-weight: normal; margin: 0; padding: 3px; text-align: left; } .display-form-label { width: 100px; } .display-form { font-family: Verdana; font-size: 8pt; font-weight: normal; margin: 0; text-align: right; } .display-form-table { margin: 5px; width: 50%; border-collapse: collapse; } .display-form-table td { border-bottom: 1px solid black; padding: 5px 0; } .display-form input[type=text] { width: 95%; text-align: right; } .display-button { text-align: right; margin: 0; padding: 3px; font-size: 12px; } .user-info { position: absolute; right: 5px; top: 28px; padding: 4px 0; z-index: 99999; color: white; width: auto; } .user-info a, .user-info a:visited { color: white !important; } .user-display-name { white-space: nowrap; width: 180px; overflow: hidden; text-overflow: ellipsis; display: inline-block; } /* Overlay -----------------------------------------------------------*/ .loadingMessage { background-color: #FFFFFF; border: 1px solid #FFCC00; padding: 10px 0 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; width: 100%; display: none; } .loadingMessage img { position: relative; top: 10px; } /* Styles for validation helpers -----------------------------------------------------------*/ .field-validation-error { color: #ff0000; font-size: 12px; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid #ff0000 !important; background-color: #ffeeee !important; } .validation-summary-errors { font-weight: bold; font-size: 14px; color: #ff0000; } .validation-summary-valid { display: none; } /* Styles for text inputs with icons -----------------------------------------------------------*/ .text-input { position: relative; margin-bottom: 0; margin-left: -5px; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; font-size: 14px; width: 200px; height: 20px; padding: 4px 6px; background-color: #fff; border: 1px solid #c5dbec; -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 .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; } .input-icon:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-icon { vertical-align: top; margin-right: -1px; display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; text-align: center; font-weight: normal; line-height: 20px; text-shadow: 0 1px 0 #fff; background-color: #dfeffc; border: 1px solid #c5dbec; color: #2e6e9e; } /* Widgets/Widgets -----------------------------------------------------------*/ .widget { text-align: center; height: 350px; margin-bottom: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: relative; } .widget-settings-mode { background: #fbec88 !important; background-image: linear-gradient( #fff, #fbec88) !important; } .widget-header { background: #5e87b0; cursor: default; color: #fff; font-weight: bold; text-shadow: 0 1px 0 #3e6790; background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 ), to( #497bae )); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #6facd5, #497bae ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #6facd5, #497bae ); /* FF3.6 */ background-image: -ms-linear-gradient( #6facd5, #497bae ); /* IE10 */ background-image: -o-linear-gradient( #6facd5, #497bae ); /* Opera 11.10+ */ background-image: linear-gradient( #6facd5, #497bae ); height: 21px; width: 100%; position: absolute; top: 0; left: 0; } .widget-handle { cursor: move; } /*.widget-header-settings-mode { background: #fbec88 url(/BigyCommonWeb/js/jQuery/jQueryUI/1.10.1/themes/redmond/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #000; background-image: linear-gradient( #fbec88, #fad42e ); }*/ .widget-data-container { width: 100%; height: 100%; position: relative; } .widget-data, .widget-settings, .widget-links, .widget-expand { cursor: pointer; position: absolute; top: 0px; height: 16px; width: 20px; border-radius: 0 !important; padding: 2px; } .widget-expand { right: 0px; } .widget-settings { right: 26px; } .widget-links { right: 52px; } .widget-data-mode .widget-data { background: #fff; color: #000; border: 1px solid #4297d7; border-bottom: none; top: 0px; height: 16px; z-index: 4; } .widget-links-mode .widget-links { background: #fff; color: #000; border: 1px solid #4297d7; border-bottom: none; top: 0px; height: 16px; z-index: 3; } .widget-header-settings-mode .widget-settings { background: #fff; color: #000; border: 1px solid #fad42e; border-bottom: none; right: 0px; top: 0px; height: 16px; z-index: 3; border-top-right-radius: 5px !important; } .iframe-expand { position: absolute; top: 1px; } p.section-header { font-weight: bold; border-bottom: 1px solid black; margin: 3px; } .widget-close { display: inline; float: left; cursor: default; position: absolute; left: 3px; top: 2px; } .widget-container { -webkit-box-shadow: 3px 3px 5px 0px #B0B0B0; /* rgba(197,219,236,0.75); */ position: absolute; right: 10px; top: 0; left: 10px; bottom: 0; } .widget-type-generic { padding: 10px; } .widget-content-wrapper { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0px; margin: 20px 0px 0px 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .widget-links-container { text-align: left; overflow: auto; } .widget-content-container, .widget-links-container { background: #d5ebfc; background-image: linear-gradient( #fff, #d5ebfc); position: absolute; top: 0; left: 0; right: 0; bottom: 0px; /*width: 100%; height: 100%;*/ border: 1px solid #4297d7; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .link-button-set { font-size: 10px; width: 100%; padding-bottom: 2px; text-align: left; } .link-button-set a { text-align: left; border: 1px solid #2e6e9e !important; } .link-button-set a:hover { color: #2e6e9e; background: #E5E5E5; } .widget-settings-container { text-align: left; position: absolute; z-index: 1; border: 1px solid #fad42e; bottom: 0; top: 0; left: 0; right: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .app-palette { list-style-type: none; padding: 0; width: 100%; } .widget-placeholder { border: 1px solid #fad42e !important; background-image: linear-gradient(#fff, #fbec88 ); color: #363636 !important; float: left; } ._1x1, ._1x2 { width: 290px; } ._2x1, ._2x2 { width: 580px; } ._3x2 { width: 870px; } ._4x2 { width: 1160px; } .widget-type-shortcut, .widget-type-shortcut ul { width: 100%; height: 100%; font-size: 10px; } .widget-type-shortcut .ui-button-text { padding: .4em .7em; height: 9px; text-align: left; } .shortcut-link-button { width: 90%; margin-right: -0.5em !important; } .shortcut-link-button-ext { width: 9%; margin-right: -0.5em !important; } /* Main Banner -----------------------------------------------------------*/ .widget-button:hover { color: #d5ebfc; } .widget-button:active { color: white; } .portal-header { height: 0; z-index: 2; } #logo { left: 0; margin-left: 35px; position: absolute; top: 0; z-index: 102; } /* App Drawer -----------------------------------------------------------*/ .add-app-options { border: 1px solid #4297d7; z-index: 103; background: #fff; padding: 5px; float: left; position: absolute; display: none; } #app-drawer i { cursor: pointer; } #app-flyout { transition: left .3s ease-in-out; height: 100%; width: 450px; position: absolute; top: 0; left: -450px; z-index: 4000; } .app-flyout-visible { transition: left .3s ease-in-out; left: 0 !important; } #app-list-wrap { background: #eee; width: 90%; float: left; border-right: 1px solid #a6c9e2; } #app-flyout-container { height: auto; } #app-category-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0px; margin: 10px 5px 60px 5px; } .link-category-header, .favorite-category-header { margin-top: 1px !important; border-right: none; height: 20px !important; line-height: 20px !important; vertical-align: middle; font-size: 1.3em !important; text-align: left; padding: 0; padding-left: 5px; color: #fff; border-radius: 0 !important; background: #5e87b0 /*{b-bar-background-color}*/; background-image: -webkit-linear-gradient( #6facd5, #497bae ); text-shadow: 0 1px 0 #3e6790; cursor: pointer; } .link-category > li { margin-bottom: 5px; } .link { text-align: left; } .link:visited, .link:hover, .link:active, .link { color: inherit; } .add-widget { float: right; text-decoration: none; } .link-wrapper { width: 96%; padding: 3px; padding-left: 10px; text-align: left; position: relative; } .app-descr { height: 26px; line-height: 26px; vertical-align: middle; font-weight: bold; color: #272d70; border-bottom: 1px solid #5e87b0; background-image: -webkit-gradient(linear, left top, left bottom, from( #fff ), to( #ccc )); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #fff, #ccc ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #fff, #ccc ); /* FF3.6 */ background-image: -ms-linear-gradient( #fff, #ccc ); /* IE10 */ background-image: -o-linear-gradient( #fff, #ccc ); /* Opera 11.10+ */ background-image: linear-gradient( #fff, #ccc ); overflow: hidden; } .app-descr:hover { color: #6facd5; background-color: #fff; background-image: none; } .app-listing { padding: 0 !important; border-radius: 0 !important; border: 0 !important; display: none; } #app-list-pullouts { transition: left .3s ease-in-out; margin-top: 30px; position: absolute; left: 0; z-index: 100; width: 30px; } .app-list-visible { transition: left .3s ease-in-out; left: 450px !important; } .app-pullout { border: 1px solid #4297d7 !important; font-weight: bold; font-family: Helvetica; font-size: 10pt; border: 1px solid #4297d7 !important; min-height: 75px; /*color: #272d70;*/ margin-bottom: 2px; /*background-image: -webkit-gradient(linear, left top, left bottom, from( #fff ), to( #B0B0B0 )); /* Saf4+, Chrome */ /*background-image: -webkit-linear-gradient( #fff, #B0B0B0 ); /* Chrome 10+, Saf5.1+ */ /*background-image: -moz-linear-gradient( #fff, #B0B0B0 ); /* FF3.6 */ /*background-image: -ms-linear-gradient( #fff, #B0B0B0 ); /* IE10 */ /*background-image: -o-linear-gradient( #fff, #B0B0B0 ); /* Opera 11.10+ */ /*background-image: linear-gradient( #fff, #B0B0B0 );*/ cursor: pointer; } .app-pullout:hover { color: black; background-image: -webkit-gradient(linear, left top, left bottom, from( #fff ), to( #fbec88 )); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #fff, #fbec88 ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #fff, #fbec88 ); /* FF3.6 */ background-image: -ms-linear-gradient( #fff, #fbec88 ); /* IE10 */ background-image: -o-linear-gradient( #fff, #fbec88 ); /* Opera 11.10+ */ background-image: linear-gradient( #fff, #fbec88 ); } .app-pullout-clicked { font-weight: bold; font-family: Helvetica; color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from( #5e87b0 /*{b-bar-background-start}*/ ), to( #ccc /*{b-bar-background-end}*/ )); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #5e87b0 /*{b-bar-background-start}*/, #ccc /*{b-bar-background-end}*/ ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #5e87b0 /*{b-bar-background-start}*/, #ccc /*{b-bar-background-end}*/ ); /* FF3.6 */ background-image: -ms-linear-gradient( #5e87b0 /*{b-bar-background-start}*/, #ccc /*{b-bar-background-end}*/ ); /* IE10 */ background-image: -o-linear-gradient( #5e87b0 /*{b-bar-background-start}*/, #ccc /*{b-bar-background-end}*/ ); /* Opera 11.10+ */ background-image: linear-gradient( #5e87b0 /*{b-bar-background-start}*/, #ccc /*{b-bar-background-end}*/ ); } .vertical-text { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); writing-mode: lr-tb; text-align: center; margin-top: 35px; margin-left: -40px; } /* App Area -----------------------------------------------------------*/ .palette-container { padding: 30px 0 0 55px; overflow: hidden; position: absolute; right: 0; bottom: 0; top: 35px; left: 55px; } .palette-plot { padding: 0; height: 20%; min-height: 181px; } .palette-grid { border-right: 1px dotted #ff0000; border-bottom: 1px dotted #ff0000; } .palette-hover { border: 1px solid #5997c7 !important; background: #b0c5d5; font-weight: bold; color: #1d5987; } .ui-widget-overlay { z-index: 998; } .ui-dialog { z-index: 999; } .widget-type-generic, .chat-widget { color: #274b6d !important; height: 100%; } .user-container-wrapper { height: 92%; font-size: 10px; margin-bottom: 3%; width: 94%; } .user-container-wrapper { width: 70%; top: 0; right: -10px; position: absolute; overflow: hidden; } .user-container { height: 98%; width: 85%; float: right; right: -85%; position: relative; background: #fff; border-top: 1px solid #4297d7; border-left: 1px solid #4297d7; border-bottom: 1px solid #4297d7; border-radius: 5px 0 0 5px; } .user-container-header { font-size: 11px; height: 15px; border-radius: 4px 0 0 0 !important; border-top: none !important; } .chat-input { border-top: 1px solid #4297d7; } .user-container h3 { border: none !important; border-bottom: 1px solid #4297d7 !important; } .show-participants { position: absolute; top: 62px; left: -68px; border: 1px solid #4297d7 !important; border-radius: 0 0 5px 5px !important; } /* Tabs Area -----------------------------------------------------------*/ #tabs { padding: 0px; background: none; border-width: 0px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; border-top: 15px solid #dfeffc; } #tabs > .ui-tabs-nav { /*background: #dfeffc url(/BigyCommonWeb/js/jQuery/jQueryUI/1.10.1/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;*/ background: none; position: absolute; border: 0; padding: 0; width: 100%; min-width: 1080px; left: 0; height: 12px; top: -1px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #tabs > .ui-tabs-nav li { /*background-image: linear-gradient(#B0A89B, #BCCBD6 );*/ font-size: 75%; border-bottom: 1px solid #5e87b0; border-width: 0 1px 1px 1px !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; -webkit-box-shadow: 2px 2px 3px 0px #B0B0B0; /* rgba(197,219,236,0.75); */ } #tabs > .ui-tabs-nav li:first-child { margin-left: 150px; } #tabs > .ui-tabs-nav li.ui-tabs-selected, #tabs > .ui-tabs-nav li.ui-state-active { margin-top: 0em; /*background: #dfeffc url(/BigyCommonWeb/js/jQuery/jQueryUI/1.10.1/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;*/ font-size: 100%; } #tabs > .ui-tabs-nav li a { outline-width: 0 !important; /*color: white;*/ } #tabs > .ui-tabs-panel { background: transparent; overflow-y: auto; border-width: 0; /*margin: 45px;*/ overflow: hidden; height: 100%; border-top: 1px solid #5e87b0; padding: 15px 0 !important; } .dashboard.ui-tabs-panel { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .widget-type-generic { font-size: .9em; } .dynatree-container { text-align: left; background: none !important; border: none !important; } .document-search { text-align: left; } .cube-launch-app { min-height: 22px; } .dynatree-container { overflow: visible !important; } .doc-library, .library-search-result { border-top: 1px solid #5e87b0; padding-top: 5px; margin-top: 7px; } .favs-button { float: right; margin-top: 8px; height: 27px; } #library-favorite span, #search-favorite span { padding: .2em .8em; } #add-fav-link { cursor: pointer; text-decoration: none; } #add-fav-link span { padding: .2em 0; } ul.dynatree-container { padding: 0 !important; } .simple-tabs { /*margin: auto; margin-top: 15px;*/ border: none; background: transparent; } .simple-tabs .ui-tabs-nav.ui-widget-header { background: transparent; border: none; border-bottom: 1px solid #c0c0c0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; width: 90%; white-space: nowrap; } .simple-tabs .ui-tabs-nav .ui-state-default { background: transparent; border: none; } .simple-tabs .ui-tabs-nav .ui-state-active { background: transparent url(/Portal/Content/images/uiTabsArrow.png) no-repeat bottom center; border: none; z-index: 20; } .simple-tabs .ui-tabs-nav .ui-state-default a { color: #2e6e9e; outline: none; } .simple-tabs .ui-tabs-nav .ui-state-active a { color: #e17009; outline: none; } .simple-tabs > .ui-tabs-panel { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } #settings-tabs { position: absolute; bottom: 0; right: 0; left: 0; top: 0; text-align: left; } .menu-item { padding: 0 5px; border-left: 1px solid #5e87b0 !important; color: #2e6e9e !important; width: auto; font-size: 12px !important; float: left; } .menu-item:first-child { border-left: none !important; } .menu-item i { text-decoration: none; font-size: 11px; } .menu-item label, .menu-item a { text-decoration: none; color: #2e6e9e !important; cursor: pointer; } .menu-item label span, .menu-item a span { text-decoration: underline; } .menu-item label:hover, .menu-item a:hover { color: #e17009 !important; } .widget-button-bar-divider { background: #8cb4ce; /* Old browsers */ background: -moz-linear-gradient(left, #8cb4ce 0%, #ffffff 35%, #ffffff 65%, #8cb4ce 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8cb4ce), color-stop(35%,#ffffff), color-stop(65%,#ffffff), color-stop(100%,#8cb4ce)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #8cb4ce 0%,#ffffff 35%,#ffffff 65%,#8cb4ce 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #8cb4ce 0%,#ffffff 35%,#ffffff 65%,#8cb4ce 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #8cb4ce 0%,#ffffff 35%,#ffffff 65%,#8cb4ce 100%); /* IE10+ */ background: linear-gradient(to right, #8cb4ce 0%,#ffffff 35%,#ffffff 65%,#8cb4ce 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cb4ce', endColorstr='#8cb4ce',GradientType=1 ); /* IE6-9 */ } .widget-list li { text-align: left; padding-left: 20px; padding-top: 5px; min-height: 22px; font-size: 12px; border-bottom: 1px solid #5e87b0; } .widget-list li:hover { background: #d0e5f5 url(../../../BigyCommonWeb/js/jQuery/jQueryUI/1.10.1/themes/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; } .grid-container { max-width: none !important; } .dashboard-container { width: 100%; overflow: hidden; } .dashboard-scroll-area { position: absolute; width: auto; top: 5px; left: 10px; right: 0; bottom: 75px; overflow: visible !important; overflow-y: auto !important; } #login-loader { position: absolute; top: 30%; left: 49%; font-size: 32px; } .blur, a.blur:active, a.blur:hover, a.blur:visited, a.blur:link, a.blur:focus { color: transparent !important; text-shadow: black 0 0 10px !important; } .powered-by-tip { height: 290px; max-width: 400px; } .right { text-align: right !important; } .left { text-align: left !important; } /* AppDrawer: Links */ .absolute-expand { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .hover-text-button { cursor: pointer; } .hover-text-button:hover span { text-decoration: underline; } .hover-text-button:hover { color: #2e6e9e; } .hover-text-button span { font-size: 9px; } .hover-text-button i { font-size: 16px; position: relative; top: 2px; } /* Favorites Widget */ .favorites-div { overflow: hidden; display: block; position: absolute; padding-top: 0; top: 0; left: 0; right: 0; bottom: 0px; margin: 0px; border: 1px solid #4297d7; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: #d5ebfc; background-image: linear-gradient( #fff, #d5ebfc); text-align: left !important; } .favorites-div .ui-accordion-content { padding: 5px !important; border-radius: 0 !important; } .favorites-div .ui-accordion-header { margin-top: 0 !important; border-radius: 0 !important; } .favorites-div > div > div > ul, .favorites-div > div > div > ul li { width: 100%; } .favorites-div .link-wrapper { height: 14px; width: 96%; padding-left: 0; } .favorites-div .link-wrapper a:first-child { width: 90%; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .favorites-div .add-favorite-icon { cursor: pointer; position: absolute; padding-left: 25px; } .link-wrapper .up-favorite-icon, .favorites-div .up-favorite-icon { cursor: pointer; position: absolute; padding-left: 5px; } .link-wrapper .down-favorite-icon, .favorites-div .down-favorite-icon { cursor: pointer; position: absolute; padding-left: 15px; } .favorites-widget-add-link-dialog div a.link-button-cancel { cursor: pointer; position: absolute; left: 15px; bottom: 14px; } .favorites-widget-add-link-dialog div a.link-button-cancel span { text-decoration: underline; } .favorites-widget-add-link-dialog div button.button-save { position: absolute; right: 10px; bottom: 5px; } .favorites-widget-add-link-dialog div a.link-button-cancel:hover { color: #e17009; } .favorites-widget-add-link-dialog .section-header { margin: 0; margin-bottom: 10px; } .favorites-widget-add-link-dialog input { width: 98%; } .favorites-div .menu-item { cursor: pointer; float: none; } .favorites-widget-new-link-duplicate { padding-left: 35px !important; font-weight: bold !important; } .favorites-widget-new-link-duplicate i { position: absolute; left: 0; } .remove-favorite-icon { position: absolute; right: 5px; cursor: pointer; } .edit-favorite-icon { position: absolute; right: 25px; cursor: pointer; } #notification-info, #user-info-location-info, #user-position-name, #user-info-name { padding: 3px; cursor: pointer; } .notification-info-selected, .user-info-selected { border-bottom: none !important; } .location-item { display: inline-block; width: 225px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #user-info-location-info:hover, #user-info-name:hover, #user-position-name:hover, .notification-info-selected, #notificaiton-info:hover, #user-online-count:hover, .user-info-selected { border: 1px solid #a6c9e2; background: #fcfdfd url(/BigyCommonWeb/js/jquery/jqueryui/1.10.1/themes/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; } .user-details { font-size: 10px; font-weight: 200; padding-left: 15px; } #send-chat-button { position: absolute; bottom: 0px; right: 5px; border: 1px solid #5e87b0; } #send-chat-button span { padding: .1em .5em; } .ui-autocomplete-loading { background: white url('Content/images/ui-anim_basic_16x16.gif') right center no-repeat; } /* Weather Widget */ .as400-weather { margin-top: 5px; text-align: center; font-size: 9px; width: 100%; border-collapse: collapse; } .as400-weather td { padding: 0 3px; text-align: right; } .weather-div { font-size: 10px !important; height: 100%; overflow-y: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #4297D7; bottom: 1px; border-top: none; z-index: 4; background: #d5ebfc; background-image: linear-gradient( #fff, #d5ebfc); overflow: hidden; } .forecast-data-header { color: black; font-weight: bold; } .forecast-data, .forecast-data-header { display: inline-block; text-align: right; height: 14px; padding: 3px 3px 0 3px; vertical-align: top; } .forecast-data { color: #333; } .forecast-row-header { border-bottom: 1px solid black; } .forecast-row, .forecast-row-header { width: 100%; height: 18px; overflow: visible; } .forecast-row-new { width: 100%; } .forecast-row:after, .forecast-row-new:after { content: ""; height: 1px; width: 150%; display: block; overflow: visible; background: linear-gradient(to left, #d5ebfc 100%, #000 0%); /* W3C */ } .div-gradient { content: ""; height: 1px; width: 100%; display: block; background: linear-gradient(to right, #d5ebfc 0%, #000 50%, #d5ebfc 100%); /* W3C */ margin: 5px 0; } .current-conditions { -webkit-box-shadow: 3px 3px 5px 2px #B0B0B0; box-shadow: 3px 3px 5px 2px #B0B0B0; text-align: center; width: 95%; margin: auto; } .weather-info { width: 21px } .weather-info-icon { color: #2e83ff; font-size: 14px; height: 12px; margin-right: 5px; float: right; } i.weather-info-icon { margin-right: 8px; } .weather-day { width: 25px; } .weather-text { width: 180px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .weather-temp { cursor: default; width: 50px; } .weather-temp-ly { text-decoration: underline; } .weather-footer-row { height: 24px; border: none; position: absolute; right: -1px; left: 0; bottom: 1px; font-size: 10px !important; border-bottom: none !important; } .weather-footer-row label { border: 1px solid #4297D7 !important; } .weather-footer-row td:first-child .period-select-label, .weather-footer-row td:first-child { border-bottom-left-radius: 5px; } .weather-footer-row td:last-child .period-select-label, .weather-footer-row td:last-child { border-bottom-right-radius: 5px; } .weather-footer-row .ui-button-text { padding: .8em 1em !important; } .weather-footer-row .period-select-label { border-radius: 0 !important; width: 100%; height: 24px; } .weather-last-year-text { color: #aaa; } .weather-today { border-left: 1px solid #4297d7; background: #fbec88 50% 50% repeat-x; color: #363636; } /* End Weather Widget */ i.hover:hover { color: #e17009; } .hover:hover { color: #2e6e9e !important; cursor: pointer; } .hover-underline:hover { color: #2e6e9e; cursor: pointer; text-decoration: underline; } .avail-users { position: relative; padding: 0; padding-bottom: 4px; height: 12px; } .sortable-list .ui-state-highlight { height: 1.2em; line-height: 1.2em; } .grab { cursor: move; } .grab:hover { color: #e17009; } .grab:active { color: #222222; } .ui-state-failed { color: #cd0a0a; font-weight: bold; } .ui-state-loading { color: black; font-weight: bold; } .ui-state-success { color: green; font-weight: bold; } #admin-tabs ul { margin-bottom: 10px; } .deleted span { color: #cd0a0a; text-decoration: line-through; } .list-wrapper { max-height: 440px; overflow: auto; vertical-align: top; } .accordion-wrapper { height: 450px; overflow: hidden; vertical-align: top; } .accordion-wrapper .list-wrapper { overflow-y: auto; overflow-x: hidden; clear: both; max-height: 222px; } .accordion-wrapper .ui-accordion-content { overflow-y: hidden; overflow-x: hidden; max-height: 325px; clear: both; } .form-wrapper { overflow: auto; vertical-align: top; } .ui-accordion-content > div { padding: 5px; position: relative; } .dialog-button { float: right; } #member-search { height: auto; padding: 10px; display: none; } .scroll-area { position: absolute !important; top: 25px; bottom: 20px; left: 0; right: 0; overflow-y: auto; padding-bottom: 20px; } .resource-list-ul { overflow: visible; overflow-y: inherit; overflow-x: visible; } .container-level-2 .resource-list-ul { margin-top: 35px; } .animate-palette { position: absolute; width: 90%; /*top: 25px; bottom: 20px;*/ } .container-level-1 .list-icon-right { position: absolute; left: 280px; } .container-level-1 .list-icon-right-2 { position: absolute; left: 260px; } .list-icon-right { position: absolute; right: 10px; } .container-level-2 .list-icon-right { position: absolute; left: 269px; } .vertical { position: absolute; top: 50%; height: 12px; margin-top: -6px; } .list-icon-left { position: absolute; height: 12px; top: 50%; margin-top: -7px; } .list-item .list-icon-right { margin-top: -8px; } .container-level-1 { display: inline-block; width: 300px; z-index: 3; vertical-align: top; position: relative; padding-bottom: 25px; } .container-level-1_5 { display: inline-block; width: 220px; vertical-align: top; padding-top: 10px; } .container-level-2 { background-color: #dfeffc; border: 1px solid #5e87b0; position: relative; padding: 5px; /*padding-left: 5px; padding-top: 10px; padding-bottom: 5px;*/ left: -5px; z-index: 2; display: inline-block; width: 300px; vertical-align: top; } .container-level-2 ul{ overflow-y: inherit; overflow-x: visible; padding-bottom: 15px; position: relative; top: -1px; } .container-level-3 { background-color: #f5f8f9; color: #e17009; border: 1px solid #5e87b0; position: relative; left: -10px; z-index: 1; display: inline-block; width: 333px; vertical-align: top; } .member-search-wrapper { font-size: 12px; } .member-search-header { padding-bottom: 5px; font-weight: bold; } .member-search-container { overflow: auto; } .link-description { white-space:nowrap; width:300px; overflow:hidden; display: block; text-overflow: ellipsis; } .list-item { width: auto; height: auto !important; padding: 0; } .widget-link.list-item { width: auto !important; height: auto !important; padding: 0; } .member-list-item { padding: 0; height: 14px; cursor: pointer; } .member-list-item label { cursor: pointer; } .list-item { padding: 2px 0 0 3px; } .container-level-2 .list-item { padding: 2px 0 0 3px; height: 19px; width: 296px !important; } .list-item-expanded { height: auto !important; } .container-level-1 .list-item:hover, .container-level-1_5 li:hover { color: #2e6e9e; cursor: pointer; } .container-level-1 .list-item.selected { color: #2e6e9e; border: 1px solid #5e87b0; border-right: none; background-color: #dfeffc; z-index: 3; width: 99%; } .container-level-2 .list-item:hover { color: #e17009; cursor: pointer; } .container-level-2 .list-item.selected { background-color: #f5f8f9; color: #e17009; border: 1px solid #5e87b0; border-right: none; z-index: 2; position: relative; } .container-level-2 a.menu-button { z-index: 2; position: absolute; padding: 5px; padding-right: 6px; right: -1px; top: 7px; font-size: 9px !important; font-weight: normal; } .container-level-2 a.menu-button.selected { background-color: #f5f8f9; color: #e17009; border: 1px solid #5e87b0; border-right: none; } .can-delete, .can-reset { background-color: #fbec88 !important; border: 1px solid #5e87b0 !important; border-right: none !important; color: #363636 !important; position: relative; z-index: 3; width: 335px; } .container-level-1 .can-delete { z-index: 3; } .container-level-2 .can-delete { z-index: 3; } .delete-container { background-color: #fbec88; border: 1px solid #5e87b0; color: #363636; position: relative; padding-left: 5px; left: -5px; z-index: 1; display: inline-block; width: 333px; height: 80px; vertical-align: top; } .display-table { width: 100%; } .display-table tbody { vertical-align: top; } .display-table tr td { padding: 2px; } .table-label { text-align: right; padding-right: 2px; font-weight: bold; width: 15%; vertical-align: top; } .table-data { text-align: left; padding-left: 2px; } .table-data input:not([type=checkbox]) { width: 98%; } .table-data select { width: 99.5%; } .maintenance-menu.ui-menu { border: none; } .alt-button { color: #e17009 !important; border: 1px solid #5e87b0 !important; background: #f5f8f9 url(/BigyCommonWeb/js/jQuery/jQueryUI/1.10.1/themes/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x !important; } .alt-button:hover { color: #e17009 !important; border: 1px solid #363636 !important; background: none !important; background: #EFEFEF !important; } .alt-button:active { color: #f5f8f9 !important; border: 1px solid #f5f8f9 !important; background: none !important; background-color: #e17009 !important; } .highlight-button { border: 1px solid #898989 !important; background: none !important; background-color: #F5F5F5 !important; color: #363636 !important; } .highlight-button:hover { border: 1px solid #363636 !important; background: none !important; background-color: #EFEFEF !important; color: #0A0A0A !important; } .highlight-button:active { border: 1px solid #363636 !important; background: none !important; background-color: #363636 !important; color: #F5F5F5 !important; } #add-member-button-set-div input[type="checkbox"]:checked+label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none !important; } .button-set-div input[type="checkbox"]:checked+label { border: 1px solid #363636 !important; background: none !important; background-color: #ddd !important; } #add-member-button-set-div .button-set-button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none !important; } #add-member-button-set-div .button-set-button:hover { color: #e17009 !important; border: 1px solid #363636 !important; border-bottom: none !important; background: none !important; background: #EFEFEF !important; } #add-member-button-set-div .button-set-button:active { color: #f5f8f9 !important; border: 1px solid #363636 !important; border-bottom: none !important; background: none !important; background-color: #e17009 !important; } .toolbar { padding: 2px; color:#363636; } #admin-tabs { position: absolute; bottom: 0; right: 0; left: 0; top: 0; text-align:left; } #admin-tabs label { cursor: pointer; } #admin-tabs label:hover { color: #5e87b0; } #admin-tabs .ui-tabs-panel { position: inherit !important; padding: 0 !important; width: 90%; } .tab-wrapper { height: 100%; } /*.tab-panel-wrapper { position: absolute; top: 45px; bottom: 0; left: 0; right: 0; }*/ #btnShowDebug, #btnShowDebug:active, #btnShowDebug:visited, #debug-button-div { color: white; } #debug-button-div i { cursor: pointer; } .deleted-menu-item, .deleted-menu-item span { color: #cd0a0a; text-decoration: line-through; } .user-info-category { padding-bottom: 10px; } .user-info-category p span { font-weight: bold; font-size: 13px; border-bottom: 1px solid; padding-bottom: 4px; color: #2e6e9e; } .user-info-category ul { padding-top: 8px; } .user-info-category ul li { padding-bottom: 3px; font-size: 13px; } .user-info-category .info-hover:hover { color: #2e6e9e; cursor: pointer; } #admin-tabs .ui-accordion .ui-accordion-content { padding: 5px !important; overflow: hidden !important; overflow-x: visible !important; } #admin-tabs .ui-accordion .ui-accordion-header { margin-top: 0 !important; } #admin-tabs .ui-dialog-content { padding: 0 !important; } .admin.ui-dialog { background: #f5f8f9 !important; padding:0 !important; color: #e17009 !important; } .admin.ui-dialog .ui-widget-content { background: #f5f8f9 !important; padding: 0 !important; color: #e17009 !important; } .add-members-button-can-add, .admin-linkcategories-add-link-button-can-add, .admin-widgets-add-link-button-can-add, .admin-widgets-add-setting-button-can-add, .admin-widgets-add-members-button-can-add { position: absolute; text-align: left; border-right: none !important; border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; z-index: 3; } .add-members-button, .admin-linked-systems-add-account-button, .admin-linkcategories-add-link-button, .admin-widgets-add-link-button, .admin-widgets-add-setting-button, .admin-widgets-add-members-button { position: absolute; z-index: 3; } .admin-linkcategories-add-link-button-can-add { width: 110px; right: -3px; } .admin-linkcategories-add-link-button { right: 7px; text-align: left; } .add-members-button-can-add, .admin-widgets-add-members-button-can-add { width: 123px; right: -3px; } .add-members-button, .admin-widgets-add-members-button { right: 7px; text-align: left; } .admin-widgets-add-setting-button-can-add { width: 133px; right: -3px; } .admin-widgets-add-setting-button { right: 7px; } .admin-widgets-add-link-button { right: 7px; } .admin-widgets-add-link-button-can-add { width: 109px; right: -3px; } #add-widget-link-dialog .icon-expand-alt, #add-widget-link-dialog .icon-plus, #add-widget-link-dialog .icon-collapse-alt { cursor: pointer; color: #e17009; } #add-widget-link-dialog .icon-expand-alt:hover, #add-widget-link-dialog .icon-plus:hover, #add-widget-link-dialog .icon-collapse-alt:hover { color: #2e6e9e; } #add-widget-link-dialog .text-ellipsis { white-space: nowrap; text-overflow: ellipsis; width: 270px; display: inline-block; overflow: hidden; position: relative; top: 3px; } input.ui-state-error { outline-color: #cd0a0a; border-width: 2px !important; border-style: inset !important; } input.ui-state-error::-webkit-input-placeholder { /* WebKit browsers */ color: #cd0a0a; } .container-level-3.member-search { width: 700px; height: 400px; } .member-search-container { height: 200px; vertical-align: top; margin: auto; } .maintenance-menu-hr { width: 290px; margin-left: 0; clear: both; } #admin-edit-permissions-dialog-body { z-index: 999; padding: 2px; position: absolute; top: 30px; right: 0; left: 0; bottom: 0; text-align: left; } .maint-table td{ vertical-align: top; padding: 4px 5px 4px 0; } .maint-label { text-align:right; } @media all and (max-width: 450px) { .main-banner-text-first { font-size: 1.1em; font-weight: bold; } .main-banner-text-last { font-size: .6em; } #mainBanner { height: 35px; } #mainBannerMiddle { position: relative; top: -3px; height: 35px; margin: 0 20px; white-space: nowrap; text-wrap: none; width: 65%; } .portal-header div { min-height: 15px !important; height: 15px !important; } #logo { height: 60px; width: 60px; margin-left: 5px; } } @media all and (min-width: 801px) and (max-width: 1260px) { ._1x2,._1x2, ._2x1,._2x2 { width: 49%; } ._3x2,._4x2 { width: 98%; } /* ._2x1, ._2x2 { width: 435px; } ._3x2, ._4x2 { width: 870px; }*/ } @media all and (max-width: 800px) { ._1x2, ._1x2, ._2x1, ._2x2,._3x2,._4x2 { width: 98%; } }