Merge "fix issue : GSO-126"

Change-Id: I45dbecb8b387040271840912f2b661320ea1273e
Signed-off-by: Seshu-Kumar-M <seshu.kumar.m@huawei.com>

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/RMain.css b/openo-portal/portal-common/src/main/webapp/common/css/RMain.css
new file mode 100644 (file)
index 0000000..0a74032
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/css/RMain.css
@@ -0,0 +1,239 @@
+/* Copyright 2016, Huawei Technologies Co., Ltd.\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ *    http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ */\r
+\r
+#iemp_layout_container {\r
+    padding: 0px;\r
+    margin: 1px auto;\r
+    width: 100%;\r
+    height: 100%;\r
+}\r
+\r
+#iemp_layout_container .three-cols-layout {\r
+    width: 100%;\r
+    height: 100%;\r
+    border-collapse: collapse;\r
+    margin-left: 0px;\r
+    margin-top: 0px;\r
+    margin-right: 0px;\r
+    margin-bottom: 0px;\r
+}\r
+\r
+#iemp_layout_container .three-cols-layout {\r
+    width: 100%;\r
+    height: 100%;\r
+    border-collapse: collapse;\r
+    margin-left: 0px;\r
+    margin-top: 0px;\r
+    margin-right: 0px;\r
+    margin-bottom: 0px;\r
+}\r
+\r
+#iemp_layout_container .three-cols-column.three-cols-left {\r
+    width: 215px;\r
+    background-color: #f5f5f5;\r
+}\r
+\r
+.accordion_parent {\r
+    position: relative;\r
+    width: 220px;\r
+    background-color: #f5f5f5;\r
+}\r
+\r
+.openo-accordion-resizable-handle {\r
+    z-index: 1 !important;\r
+    cursor: e-resize;\r
+    width: 7px;\r
+    right: -5px;\r
+    top: 0;\r
+    height: 100%;\r
+    position: absolute;\r
+    font-size: .1px;\r
+    display: block;\r
+}\r
+\r
+.openoAccordian_accordionmenu {\r
+    width: 100%;\r
+    margin: 0;\r
+    padding: 0;\r
+    list-style-type: none;\r
+    line-height: 17px;\r
+}\r
+\r
+.openoAccordian_accordionmenu li {\r
+    min-width: 75px;\r
+    margin: 0;\r
+    padding: 0;\r
+    list-style-type: none;\r
+    color: #000;\r
+    clear: both;\r
+}\r
+\r
+.openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {\r
+    display: block;\r
+    float: left;\r
+    margin-bottom: -1px;\r
+    border-bottom: 1px solid #e5e5e5;\r
+    cursor: pointer;\r
+    width: 13px;\r
+    padding-top: 26px;\r
+}\r
+\r
+.openo_accordion_ui-icon-expand {\r
+    background: url(../images/collapse_arrow.png) right 20px no-repeat;\r
+    margin-top: 8px;\r
+}\r
+\r
+.openo_accordion_ui-icon-expand.current {\r
+    background: url(../images/expand_arrow.png) right 20px no-repeat;\r
+}\r
+\r
+.openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {\r
+    display: block;\r
+    position: absolute;\r
+    right: 0;\r
+    top: 4px;\r
+    width: 18px;\r
+    height: 41px;\r
+    cursor: pointer;\r
+    background-color: #f5f5f5;\r
+}\r
+\r
+.openoAccordian_showHideArrow_hide {\r
+    background-image: url(../images/openo.png);\r
+    background-position: -7px 0 !important;\r
+    border-collapse: separate;\r
+    /*box-shadow: inset -1px 0 0 #e5e5e5;*/\r
+}\r
+\r
+a.header.opened, a.header.closed {\r
+    font-size: 16px;\r
+    padding-top: 24px;\r
+    padding-bottom: 25px;\r
+    color: #999999;\r
+}\r
+\r
+.openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {\r
+    padding-right: 10px;\r
+    background-position: 98% 50%;\r
+    background-repeat: no-repeat;\r
+}\r
+\r
+.openoAccordian_accordionmenu li a {\r
+    padding: 11px 10px 12px;\r
+    color: #333333;\r
+    margin-right: 1px;\r
+    margin-top: -1px;\r
+    text-align: left !important;\r
+    font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;\r
+    font-size: 14px;\r
+    text-overflow: ellipsis;\r
+    white-space: nowrap;\r
+    overflow: hidden;\r
+    border-top: 1px solid #e5e5e5;\r
+    border-bottom: 1px solid #e5e5e5;\r
+    /*height: 19px;*/\r
+}\r
+\r
+.openoAccordian_accordionmenu ul {\r
+    margin: 0;\r
+    padding: 0;\r
+    overflow: hidden;\r
+}\r
+\r
+.openoAccordian_accordionmenu a {\r
+    display: block;\r
+    text-decoration: none;\r
+}\r
+\r
+a {\r
+    color: #428bca;\r
+    text-decoration: none;\r
+    background: 0 0;\r
+}\r
+\r
+.bar {\r
+    height: 834px;\r
+    width: 18px;\r
+    background: #f8f8f8;\r
+    display: none;\r
+}\r
+\r
+.bar span {\r
+    width: 13px;\r
+    height: 34px;\r
+    background-image: url(../images/openo.png);\r
+    background-position: -39px 0 !important;\r
+    display: block;\r
+    /*margin-top: -430px;*/\r
+}\r
+\r
+#accordionmenuid_ul_0_0_brAppTopMenuID_UL li {\r
+    cursor: pointer;\r
+}\r
+\r
+#puer_base_openo {\r
+    border: 1px solid #ddd;\r
+}\r
+\r
+.openo_accordion_selected {\r
+    margin-left: 0;\r
+    margin-right: 0;\r
+    background: #fafafa;\r
+    border-left: 3px solid #4ac9ff !important;\r
+    box-shadow: none;\r
+    position: relative;\r
+}\r
+\r
+a:hover {\r
+    color: #4ac9ff !important;\r
+}\r
+\r
+.openoAccordian_accordionmenu li.openo_accordion_selected a {\r
+    position: relative;\r
+    left: -3px;\r
+    color: #009ae7;\r
+}\r
+\r
+.openo-accordion-resizable-handle {\r
+    z-index: 1 !important;\r
+    cursor: e-resize;\r
+    width: 7px;\r
+    right: -5px;\r
+    top: 0;\r
+    height: 100%;\r
+    position: absolute;\r
+    font-size: .1px;\r
+    display: block;\r
+}\r
+\r
+#iframeContainer iframe {\r
+    width: 100%;\r
+    height: 100%;\r
+    border: 0;\r
+}\r
+\r
+#accordionContent, #iframeContainer {\r
+    margin: 0;\r
+    padding: 0;\r
+    border: 0;\r
+    width: 100%;\r
+    height: 100%;\r
+}\r
+\r
+.openoAccordian_showHideArrow_show {\r
+    background-image: url(../images/openo.png);\r
+    background-position: -39px 0 !important;\r
+    box-shadow: inset 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5;\r
+}
\ No newline at end of file

diff --git a/openo-portal/portal-common/src/main/webapp/common/css/VMMain.css b/openo-portal/portal-common/src/main/webapp/common/css/VMMain.css
new file mode 100644 (file)
index 0000000..a1c0866
--- /dev/null
+++ b/openo-portal/portal-common/src/main/webapp/common/css/VMMain.css
@@ -0,0 +1,758 @@
+/* Copyright 2016, Huawei Technologies Co., Ltd.\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ *    http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ */\r
+\r
+body {\r
+    font-family: '微软雅黑';\r
+    font-size: 12px;\r
+    color: #333;\r
+    background: #fafafa;\r
+}\r
+\r
+button {\r
+    outline: none;\r
+}\r
+\r
+ul, li {\r
+    list-style: none;\r
+    padding: 0;\r
+    margin: 0;\r
+}\r
+\r
+.titleFont {\r
+    font-size: 16px;\r
+}\r
+\r
+.separator-line {\r
+    height: 1px;\r
+    width: 100%;\r
+    border: 1px solid #ddd;\r
+    margin: 6px 0 15px 0;\r
+}\r
+\r
+.uploadBtn {\r
+    overflow: hidden;\r
+}\r
+\r
+.creat-btn {\r
+    padding: 0 14px;\r
+    height: 24px;\r
+    float: left;\r
+    cursor: pointer;\r
+    text-decoration: none;\r
+    outline: 0;\r
+    border: 1px solid #d3d3d3;\r
+    text-align: center;\r
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
+    background: #fafafa;\r
+    background: -moz-linear-gradient(top, #fff, #fafafa);\r
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));\r
+    background: -webkit-linear-gradient(top, #fff, #fafafa);\r
+    background: linear-gradient(to bottom, #fff, #fafafa);\r
+    border-radius: 6px;\r
+    background: #fff url(../images/add.png) no-repeat 5px center;\r
+    padding-left: 20px;\r
+}\r
+\r
+.creat-btn:hover {\r
+    color: #009ae7;\r
+    border: 1px solid #4AC9FF\r
+}\r
+\r
+.creat-btn:active {\r
+    color: #000;\r
+    border: 1px solid #4AC9FF\r
+}\r
+\r
+/*.creat-btn{\r
+    background: #fff url(../image/add.png) no-repeat 5px center;\r
+    border: 1px solid #ddd;\r
+    float: left;\r
+}\r
+.creat-btn:hover{\r
+    background: #428bca;\r
+    color: #fff;\r
+    border:1px solid #428bca;\r
+}*/\r
+.search {\r
+    width: 310px;\r
+    height: 30px;\r
+    float: right;\r
+}\r
+\r
+.search-text {\r
+    width: 250px;\r
+    float: left;\r
+    margin-right: 6px;\r
+}\r
+\r
+.search-btn {\r
+    height: 30px;\r
+    background: #fff;\r
+    border: 1px solid #ddd;\r
+    float: left;\r
+}\r
+\r
+#ict_virtualApplication_table_div {\r
+    margin-top: 15px;\r
+}\r
+\r
+.table > thead > tr.active > th {\r
+    border: 1px solid #ddd !important;\r
+    border-bottom: 0;\r
+    background: #f0f0f0;\r
+}\r
+\r
+/*.table tbody tr:hover{\r
+    background: #e6fbe0!important;\r
+}*/\r
+.table tbody tr:last-child {\r
+    border-bottom: 1px solid #ddd;\r
+}\r
+\r
+.table-btn {\r
+    border: 1px solid #ccc;\r
+    border-radius: 3px;\r
+}\r
+\r
+.delete-btn {\r
+    background: url(../image/delete.png) no-repeat;\r
+    width: 16px;\r
+    height: 16px;\r
+    border: none;\r
+}\r
+\r
+.detail-btn {\r
+    background: url(../image/openo.png) no-repeat -343px -283px;\r
+    width: 16px;\r
+    height: 16px;\r
+    border: none;\r
+}\r
+\r
+.detail-btn.current {\r
+    background-position: -7px -314px;\r
+}\r
+\r
+.detail {\r
+    height: 200px;\r
+    border: 1px solid #ddd;\r
+    margin-top: 60px;\r
+}\r
+\r
+.detail-top ul {\r
+    height: 50px;\r
+    line-height: 50px;\r
+    border-bottom: 1px solid #ddd;\r
+    padding-left: 0px;\r
+    background: #fafafa;\r
+}\r
+\r
+.detail-top ul li {\r
+    float: left;\r
+    width: 120px;\r
+    text-align: center;\r
+    border-right: 1px solid #ddd;\r
+    cursor: pointer;\r
+}\r
+\r
+.detail-top ul li.current {\r
+    background: #fff;\r
+}\r
+\r
+.vmapp-margin {\r
+    margin-bottom: 10px;\r
+}\r
+\r
+.control-label .required {\r
+    color: #e02222;\r
+    font-size: 12px;\r
+    padding-left: 2px;\r
+}\r
+\r
+.form-group .control-label {\r
+    font-size: 12px;\r
+    font-weight: 400;\r
+}\r
+\r
+legend {\r
+    font-size: 12px;\r
+    font-weight: bold;\r
+}\r
+\r
+.pageGro {\r
+    width: 250px;\r
+    float: right;\r
+}\r
+\r
+.pageUp, .pageDown, .pageList, .pageList li {\r
+    float: left;\r
+    cursor: pointer;\r
+}\r
+\r
+.pageUp, .pageDown {\r
+    width: 60px;\r
+    height: 30px;\r
+    border: 1px solid #ddd;\r
+    text-align: center;\r
+    line-height: 30px;\r
+}\r
+\r
+.pageList li {\r
+    width: 30px;\r
+    height: 30px;\r
+    border: 1px solid #ddd;\r
+    text-align: center;\r
+    line-height: 30px;\r
+    border-left: none;\r
+}\r
+\r
+.pageList li.active {\r
+    background: #428bca;\r
+    color: #fff;\r
+    border-color: #428bca;\r
+}\r
+\r
+.pageDown {\r
+    border-left: none;\r
+}\r
+\r
+.headerLinkP {\r
+    padding-top: 17px;\r
+}\r
+\r
+.headerLinkP span {\r
+    font-size: 12px;\r
+    color: #666;\r
+    font-weight: normal !important;\r
+}\r
+\r
+label {\r
+    font-weight: normal !important;\r
+}\r
+\r
+table.userform tbody tr td {\r
+    display: table-cell;\r
+    padding-right: 10px;\r
+    padding-top: 10px;\r
+    font-size: 12px;\r
+    color: #333;\r
+}\r
+\r
+.table th, .table td {\r
+    padding-top: 3px !important;\r
+    padding-bottom: 3px !important;\r
+}\r
+\r
+.openoBrowseButton_element {\r
+    display: table;\r
+}\r
+\r
+.openo {\r
+    font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;\r
+    font-size: 12px;\r
+    color: #000;\r
+}\r
+\r
+.openoBrowseButton_input {\r
+    width: 198px;\r
+    position: relative;\r
+    border: 1px solid #c3c3c3 !important;\r
+    height: 26px;\r
+    background-color: #f3f3f3;\r
+    border-radius: 4px 0 0 4px;\r
+    border-right: none;\r
+    padding: 0;\r
+}\r
+\r
+.buttonClassDefault, .buttonClassDefault:active {\r
+    cursor: pointer;\r
+    background-image: url(../images/openo.png);\r
+    background-position: -154px -7px !important;\r
+}\r
+\r
+.openoBrowseButton_button {\r
+    width: 27px;\r
+    border: 0;\r
+    float: right;\r
+    position: relative;\r
+    height: 26px;\r
+    right: 0;\r
+    top: 0;\r
+    border-radius: 0 4px 4px 0;\r
+    border-right: 1px solid #c3c3c3;\r
+    border-left: none;\r
+}\r
+\r
+.openo .openo-input, .openo.openo-input {\r
+    outline: 0;\r
+    border: 1px solid #c3c3c3;\r
+    box-shadow: 1px 1px #f6f6f6 inset;\r
+    background-color: #fff;\r
+    height: 26px;\r
+}\r
+\r
+.openoInput_openoDefaultText {\r
+    padding: 0 0 0 6px;\r
+    border-radius: 4px;\r
+    color: #000;\r
+    display: inline-block;\r
+    outline: 0;\r
+    box-shadow: 1px 1px #f6f6f6 inset;\r
+    font-size: 12px;\r
+    background: #fff;\r
+}\r
+\r
+div.openo-select {\r
+    border: 1px solid #c3c3c3;\r
+    border-radius: 4px;\r
+    background: url(../images/arrow-down-enable.png) right no-repeat #fff;\r
+    line-height: 24px;\r
+    padding-left: 3px;\r
+    display: block;\r
+}\r
+\r
+div.openo-select > input.openo-select-input {\r
+    border: none;\r
+    outline: 0;\r
+    line-height: 21px;\r
+    height: 21px;\r
+    padding-left: 3px;\r
+    border-right: solid 1px #c3c3c3;\r
+}\r
+\r
+.openo .openo-ellipsis, .openo.openo-ellipsis {\r
+    overflow: hidden;\r
+    white-space: nowrap;\r
+    text-overflow: ellipsis;\r
+}\r
+\r
+a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass {\r
+    height: 26px;\r
+    float: left;\r
+    cursor: pointer;\r
+    text-decoration: none;\r
+    outline: 0;\r
+    border: 1px solid #d3d3d3;\r
+    text-align: center;\r
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
+    background: #fafafa;\r
+    background: -moz-linear-gradient(top, #fff, #fafafa);\r
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));\r
+    background: -webkit-linear-gradient(top, #fff, #fafafa);\r
+    background: linear-gradient(to bottom, #fff, #fafafa);\r
+    border-radius: 6px;\r
+}\r
+\r
+.openoButton_buttonInnerClass {\r
+    padding: 0 19px;\r
+    border-radius: 6px;\r
+}\r
+\r
+.openoButton_buttonCenterText {\r
+    color: #000;\r
+    line-height: 24px;\r
+    white-space: nowrap;\r
+    width: auto !important;\r
+}\r
+\r
+.userHeader {\r
+    clear: left;\r
+    overflow: hidden;\r
+    margin-bottom: 10px;\r
+    padding: 10px 10px 0px 0px;\r
+}\r
+\r
+.openoButton_buttonGroupClass {\r
+    display: inline;\r
+}\r
+\r
+.openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {\r
+    margin-left: 0;\r
+}\r
+\r
+.openoButton_buttonLeftImg {\r
+    margin-right: 5px;\r
+}\r
+\r
+.openoButton_buttonLeftImg, .openoButton_buttonRightImg {\r
+    display: inline-block;\r
+    vertical-align: top;\r
+    width: 16px;\r
+    height: 16px;\r
+    margin-top: 4px;\r
+}\r
+\r
+.openo-table-pagination-wrapper {\r
+    height: 37px;\r
+}\r
+\r
+.openo-pagination {\r
+    display: block;\r
+    float: left;\r
+    overflow: hidden;\r
+    padding: 5px 0 0;\r
+    margin-top: 8px;\r
+}\r
+\r
+.openoPagination_openoPaginationLengthOptions:not(msie8) {\r
+    line-height: 24px;\r
+}\r
+\r
+.openoPagination_openoPaginationLengthOptions {\r
+    white-space: normal;\r
+    height: 24px;\r
+    float: left;\r
+    outline: 0;\r
+    line-height: 20px;\r
+    margin: 0 5px;\r
+}\r
+\r
+.openo-pagination-select {\r
+    height: 26px;\r
+    line-height: 22px;\r
+    text-align: center;\r
+    margin-right: -2px;\r
+    border: 1px solid #e0e0e0;\r
+    border-radius: 5px 0 0 5px;\r
+    padding: 1px;\r
+}\r
+\r
+.openoPagination_openoPaginationLengthOptions span {\r
+    background-color: #fff !important;\r
+}\r
+\r
+.openo-pagination-theme a, .openo-pagination-theme span {\r
+    float: left;\r
+    color: #666;\r
+    font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
+    line-height: 24px;\r
+    font-weight: 400;\r
+    text-align: center;\r
+    border: 1px solid #e0e0e0;\r
+    text-decoration: none !important;\r
+    padding: 0 7px;\r
+    border-radius: 3px;\r
+    background: #fff;\r
+}\r
+\r
+.openo-pagination-selectspan {\r
+    background: url(../images/ideo_default_select.png) left no-repeat !important;\r
+    float: right !important;\r
+    width: 26px;\r
+    height: 26px;\r
+    cursor: pointer;\r
+}\r
+\r
+.openo-pagination-theme label {\r
+    padding-top: 6px;\r
+    vertical-align: middle;\r
+    margin-right: 20px;\r
+    margin-top: -1px;\r
+    float: left;\r
+    display: inline-block;\r
+    height: 20px;\r
+    font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
+}\r
+\r
+.openo-pagination li, .openo-pagination ul {\r
+    list-style: none;\r
+    padding: 0;\r
+    margin: 0;\r
+    float: left;\r
+}\r
+\r
+dd, dl, dt, li {\r
+    color: #000;\r
+}\r
+\r
+.openo-pagination-theme a, .openo-pagination-theme span.current {\r
+    margin: 0 5px 0 0;\r
+}\r
+\r
+.openo .openo-disabled, .openo.openo-disabled {\r
+    border-color: #c3c3c3 !important;\r
+    color: #666 !important;\r
+    opacity: .3;\r
+    filter: alpha(opacity=30);\r
+}\r
+\r
+.openo-pagination-theme .prev {\r
+    background: 0 0;\r
+    float: left;\r
+}\r
+\r
+.openo-pagination-theme .current {\r
+    text-decoration: none !important;\r
+    float: left;\r
+    padding-left: 6px;\r
+    height: 24px;\r
+    color: #fff;\r
+    display: inline;\r
+    border-color: #00adf5;\r
+    background: #4ad2ff;\r
+}\r
+\r
+.openo-pagination-theme a, .openo-pagination-theme span {\r
+    float: left;\r
+    color: #666;\r
+    font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
+    line-height: 24px;\r
+    font-weight: 400;\r
+    text-align: center;\r
+    border: 1px solid #e0e0e0;\r
+    text-decoration: none !important;\r
+    padding: 0 7px;\r
+    border-radius: 3px;\r
+    background: #fff;\r
+}\r
+\r
+.openo-pagination-theme .prev.openo-disabled:before {\r
+    background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .prev.openo-disabled:before {\r
+    background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .prev:before {\r
+    background: url(../images/page_l.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
+    display: inline-block;\r
+    content: "";\r
+    vertical-align: middle;\r
+    width: 10px;\r
+    height: 24px;\r
+}\r
+\r
+.openo-pagination-theme .prev:before {\r
+    background: url(../images/page_l.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
+    display: inline-block;\r
+    content: "";\r
+    vertical-align: middle;\r
+    width: 10px;\r
+    height: 24px;\r
+}\r
+\r
+pagination ul {\r
+    list-style: none;\r
+    padding: 0;\r
+    margin: 0;\r
+    float: left;\r
+}\r
+\r
+.openo-pagination li, .openo-pagination ul {\r
+    list-style: none;\r
+    padding: 0;\r
+    margin: 0;\r
+    float: left;\r
+}\r
+\r
+.openoPagination_gototext {\r
+    background: #FFF;\r
+    outline: 0;\r
+    width: 29px;\r
+    float: left;\r
+    height: 26px;\r
+    line-height: 24px;\r
+    border-radius: 4px;\r
+    border: 1px solid #c3c3c3;\r
+    padding: 0 0 0 5px;\r
+    margin: 0;\r
+    color: #666;\r
+    min-width: 50px;\r
+}\r
+\r
+.openoPagination_gotoimage {\r
+    width: 29px;\r
+    height: 26px;\r
+    line-height: 26px;\r
+    background-color: #FFF;\r
+    background-image: url(/portal/themes/default/components/openo/images/openo.png);\r
+    padding-left: 21px;\r
+    float: left;\r
+    margin-left: 5px;\r
+    border: 1px solid #e0e0e0;\r
+    border-radius: 4px;\r
+    box-sizing: border-box;\r
+    -moz-box-sizing: border-box;\r
+    background-position: -184px -181px !important;\r
+}\r
+\r
+.openo-pagination-theme .ellipse {\r
+    float: left;\r
+    margin-left: -8px;\r
+    margin-right: -4px;\r
+    background: 0 0;\r
+    border: none;\r
+    border-radius: 0;\r
+    box-shadow: none;\r
+    font-weight: 700;\r
+    cursor: default;\r
+}\r
+\r
+.openo.openo-disabled {\r
+    border-color: #c3c3c3 !important;\r
+    color: #666 !important;\r
+    opacity: .3;\r
+    filter: alpha(opacity=30);\r
+}\r
+\r
+.openo-pagination-theme .prev {\r
+    background: 0 0;\r
+    float: left;\r
+}\r
+\r
+.openo-pagination-theme .current {\r
+    text-decoration: none !important;\r
+    float: left;\r
+    padding-left: 6px;\r
+    height: 26px;\r
+    color: #fff;\r
+    display: inline;\r
+    /*border-color: #00adf5;\r
+    background: #4ad2ff;*/\r
+    border: 1px solid #e0e0e0;\r
+}\r
+\r
+.openo-pagination-theme .next:after {\r
+    background: url(../images/page_r.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg {\r
+    margin-left: 5px;\r
+}\r
+\r
+html, body {\r
+    height: 99%;\r
+    width: 98%;\r
+}\r
+\r
+.cotentBody {\r
+    padding: 0px 20px 0px 20px;\r
+}\r
+\r
+div.openoButton_buttonClass:hover {\r
+    border: 1px solid #4ac9ff;\r
+}\r
+\r
+div.openoButton_button_default:hover .openoButton_buttonCenterText {\r
+    color: #009ae7;\r
+}\r
+\r
+.header_lineimg {\r
+    height: 1px;\r
+    width: 100%;\r
+    margin-top: 17px;\r
+}\r
+\r
+.openo.openo-hide {\r
+    display: none;\r
+}\r
+\r
+div.openo-select-popup-container {\r
+    position: absolute;\r
+    border: 1px solid #4ac9ff;\r
+    border-top: none;\r
+    border-radius: 0 0 4px 4px;\r
+    max-height: 202px;\r
+    overflow-y: auto;\r
+    background-color: #fff;\r
+    z-index: 880;\r
+}\r
+\r
+div.openo-select-popup-container > div.openo-select-item {\r
+    display: block;\r
+}\r
+\r
+.openo .openo-ellipsis, .openo.openo-ellipsis {\r
+    overflow: hidden;\r
+    white-space: nowrap;\r
+    text-overflow: ellipsis;\r
+}\r
+\r
+div.openo-select-popup-container > div.openo-select-item > label {\r
+    padding-top: 3px;\r
+    padding-bottom: 3px;\r
+    line-height: 20px;\r
+}\r
+\r
+.openo .openo-ellipsis, .openo.openo-ellipsis {\r
+    overflow: hidden;\r
+    white-space: nowrap;\r
+    text-overflow: ellipsis;\r
+}\r
+\r
+.openo-select-item label {\r
+    margin-left: 4px;\r
+    margin-right: 4px;\r
+    white-space: nowrap;\r
+}\r
+\r
+div.openo-select-popup-container > div.openo-select-item.openo-item-selected, div.openo-select-popup-container > div.openo-select-item:hover {\r
+    background-color: #f1f1f1;\r
+    color: #008fd6;\r
+}\r
+\r
+div.openo-select.openo-focus {\r
+    border: 1px solid #4ac9ff;\r
+    border-bottom-left-radius: 0;\r
+    border-bottom-right-radius: 0;\r
+    border-bottom-color: #ddd;\r
+}\r
+\r
+.openo-pagination-theme a:hover {\r
+    border-color: #4ac9ff;\r
+    cursor: pointer;\r
+}\r
+\r
+.SDBtn {\r
+    background: #fff;\r
+    color: #333;\r
+    border: 1px solid #ddd;\r
+}\r
+\r
+.SDBtn:hover {\r
+    color: #009ae7;\r
+    border: 1px solid #4AC9FF\r
+}\r
+\r
+table tbody tr.even:hover td, table tbody tr.odd:hover td {\r
+    background-color: #e6fbe0;\r
+}\r
+\r
+table tr.openoTable_row_selected td {\r
+    background: #e8f8fe !important;\r
+    border-bottom: 1px solid #e8e8e8 !important;\r
+}\r
+\r
+.modal-body {\r
+    padding: 0 !important;\r
+}\r
+\r
+.form-control {\r
+    height: 26px !important;\r
+}\r
+\r
+.form-group .control-label {\r
+    margin-left: 20px;\r
+}\r
+\r
+.form-horizontal .control-label {\r
+    text-align: left;\r
+}
\ No newline at end of file