From: Laury GvR <laury@gaslightmedia.com>
Date: Thu, 20 Nov 2014 18:51:54 +0000 (-0500)
Subject: css files renamed
X-Git-Tag: v1.0^2~4
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=8bd95b5964cf873333c77226795992f6ab52656e;p=WP-Plugins%2FGlmPayments.git

css files renamed
---

diff --git a/css/glm-payment-admin.css b/css/glm-payment-admin.css
deleted file mode 100755
index 2bbeb90..0000000
--- a/css/glm-payment-admin.css
+++ /dev/null
@@ -1,302 +0,0 @@
-/*
-* glm-payments - Default Stylesheet
-*/
-
-h1.payment-title {
-    color:#ddd;
-    margin-bottom:20px;
-}
-
-#glm-payments-tab-settings th {
-    width:280px;
-}
-
-#glm-payments-tab-settings ul {
-    padding-left:20px;
-}
-
-#glm-payments-tab-settings li {
-    list-style: disc;
-    list-style-type:none;
-}
-
-/* jQuery Tabs */
-
-ul#glm-payments-tabs-nav {
-    position:relative;
-    margin-bottom:10px;
-    height:41px;
-    overflow:visible;
-    border-bottom:1px solid #ddd
-}
-
-ul#glm-payments-tabs-nav li {
-    text-align:center;
-    position:relative;
-    display:block;
-    float:left;
-    width:130px;
-    height:40px;
-    margin:0 10px 0 2px;
-    border-top:1px solid #cccccc;
-    border-left:1px solid #cccccc;
-    border-right:1px solid #cccccc;
-    background: #f2f2f2;
-    overflow:visible;
-    -moz-border-radius-topleft: 7px;
-    -moz-border-radius-topright: 0px;
-    -webkit-border-radius: 7px 7px 0px 0px;
-    border-radius: 7px 7px 0px 0px;
-    opacity:0.8;
-}
-
-ul#glm-payments-tabs-nav li.ui-state-active,
-ul#glm-payments-tabs-nav li:hover {
-    background: #fff;
-    opacity:1;
-}
-
-ul#glm-payments-tabs-nav li.ui-state-active a:before,
-ul#glm-payments-tabs-nav li:hover a:before {
-    position: absolute;
-    content: " ";
-    top:0;
-    bottom:-1px;
-    left:0;
-    right:0;
-    border-bottom:1px solid #fff;
-    z-index:200;
-}
-
-ul#glm-payments-tabs-nav li a {
-    position:absolute;
-    top:0;
-    left:0;
-    color:#777;
-    display:block;
-    padding:10px 15px;
-    height:20px;
-    line-height:20px;
-    width:100px;
-    text-decoration: none;
-    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
-    text-transform:uppercase;
-    overflow:visible;
-}
-
-ul#glm-payments-tabs-nav li.ui-state-active {
-    background: #fff;
-}
-
-ul#glm-payments-tabs-nav li.ui-state-active a {
-    color:#555;
-}
-
-/* Transactions Table */
-
-table.glm-payments-projects,
-table.glm-payments-transactions {
-    margin-top:20px;
-    border-spacing: 0px;
-    width:95%;
-}
-
-table.glm-payments-projects thead,
-table.glm-payments-transactions thead {
-    position:relative;
-    background-color:#f2f2f2;
-}
-
-table.glm-payments-projects tr.glm-payments-absolute,
-table.glm-payments-transactions tr.glm-payments-absolute {
-    position:absolute;
-    z-index:0;
-    width:95%;
-    height:38px;
-}
-
-table.glm-payments-projects tr.glm-payments-absolute:before,
-table.glm-payments-transactions tr.glm-payments-absolute:before {
-    content: '';
-    position:absolute;
-    z-index:2;
-    display:block;
-    top:1px;
-    left:0;
-    bottom:1px;
-    right:0;
-    -webkit-border-radius: 7px;
-    -moz-border-radius: 7px;
-    border-radius: 7px;
-    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
-    -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
-    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
-}
-
-table.glm-payments-projects th,
-table.glm-payments-transactions th {
-    border-top: 1px solid #fff;
-    border-bottom: 1px solid #ddd;
-}
-
-table.glm-payments-projects th,
-table.glm-payments-transactions th {
-    text-align:left;
-    color:#777;
-    text-shadow: 0 1px 0px #ffffff;
-}
-
-
-table.glm-payments-transactions td img.avatar {
-    float:left;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-}
-
-table.glm-payments-transactions td span.payment-name {
-    line-height:30px;
-    padding-left:15px;
-}
-
-table.glm-payments-transactions td.payment-comment {
-    font-style:italic;
-    font-family:serif;
-    color:#777;
-    font-size:14px;
-    line-height:14px;
-}
-
-table.glm-payments-transactions span.payment-netamount {
-    color:#07DE00;
-    font-weight:bold;
-    font-size:14px;
-}
-
-table.glm-payments-projects th:first-child,
-table.glm-payments-transactions th:first-child {
-    -moz-border-radius-topleft: 7px;
-    -moz-border-radius-topright: 0px;
-    -moz-border-radius-bottomright: 0px;
-    -moz-border-radius-bottomleft: 7px;
-    -webkit-border-radius: 7px 0px 0px 7px;
-    border-radius: 7px 0px 0px 7px;
-}
-
-table.glm-payments-projects th:last-child,
-table.glm-payments-transactions th:last-child {
-    -moz-border-radius-topleft: 0px;
-    -moz-border-radius-topright: 7px;
-    -moz-border-radius-bottomright: 7px;
-    -moz-border-radius-bottomleft: 0px;
-    -webkit-border-radius: 0px 7px 7px 0px;
-    border-radius: 0px 7px 7px 0px;
-}
-
-table.glm-payments-projects tr td,
-table.glm-payments-transactions tr td {
-    border-bottom: 1px solid #ddd;
-}
-
-table.glm-payments-projects tr th,
-table.glm-payments-projects tr td,
-table.glm-payments-transactions tr th,
-table.glm-payments-transactions tr td {
-    padding: 10px 15px;
-}
-
-.dot-payment-live {
-    margin-right:10px;
-    position:relative;
-    top:2px;
-    display:inline-block;
-    background:#07DE00;
-    width:12px;
-    height:12px;
-    -webkit-border-radius: 6px;
-    -moz-border-radius: 6px;
-    border-radius: 6px;
-    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
-    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
-    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);
-}
-
-.dot-payment-public {
-    margin-right:10px;
-    position:relative;
-    top:2px;
-    display:inline-block;
-    background:#0068DE;
-    width:12px;
-    height:12px;
-    -webkit-border-radius: 6px;
-    -moz-border-radius: 6px;
-    border-radius: 6px;
-    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
-    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
-    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);
-}
-
-.dot-payment-test {
-    margin-right:10px;
-    position:relative;
-    top:2px;
-    display:inline-block;
-    background:#ddd;
-    width:12px;
-    height:12px;
-    -webkit-border-radius: 6px;
-    -moz-border-radius: 6px;
-    border-radius: 6px;
-    -webkit-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);
-    -moz-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);
-    box-shadow: inset 0px 2px 3px 1px rgba(0,0,0, 0.1);
-}
-
-.progress-payment-wrap {
-    position:relative;
-    display:block;
-    background:#ddd;
-    width:100px;
-    height:16px;
-    -webkit-border-radius: 8px;
-    -moz-border-radius: 8px;
-    border-radius: 8px;
-    -webkit-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);
-    -moz-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);
-    box-shadow: inset 0px 2px 3px 1px rgba(0,0,0, 0.1);
-}
-
-.progress-payment-value {
-    margin-right:10px;
-    position:absolute;
-    z-index:50;
-    top:2px;
-    left:2px;
-    display:block;
-    background:#0068DE;
-    height:12px;
-    -webkit-border-radius: 6px;
-    -moz-border-radius: 6px;
-    border-radius: 6px;
-    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
-    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
-    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);
-}
-
-#glm-payments-tab-transactions form.pagination {
-    display:inline;
-    float:left;
-    margin:10px 10px 0 0;
-}
-
-.glm-payments-absolute
-{
-background:linear-gradient(to top, #373737 0px, #464646 5px) repeat scroll 0 0 #464646;
-color:#ffffff;
-}
-
-.required {
-    color: red;
-    padding-left: 5px;
-}
diff --git a/css/glm-payment-display.css b/css/glm-payment-display.css
deleted file mode 100755
index 7335002..0000000
--- a/css/glm-payment-display.css
+++ /dev/null
@@ -1,351 +0,0 @@
-/*
-* glm-payments - Default Stylesheet
-*/
-
-#glm-payments-wrap {
-        display:block;
-        padding:10px;
-        margin:0px;
-        width: 400px;
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
-}
-
-/* Payment Form Link */
-
-#glm-payments-modal-button {
-        margin:20px 0;
-        padding: 8px 15px;
-        min-width:100px;
-        display:inline-block;
-        text-align:center;
-        font-weight: bold;
-        font-size: 12px;
-        background: #1275FF;
-        border: 1px solid #155FB0;
-        color: white;
-        text-decoration: none;
-        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-        background-image: -webkit-gradient(linear, left top, left bottom, from(#77B7FF), to(#017AFF));
-        background-image: -moz-linear-gradient(top, #77B7FF, #017AFF);
-        background-image: -o-linear-gradient(top, #77B7FF, #017AFF);
-        -webkit-box-shadow: inset 0 1px 0 #98c9ff;
-        -moz-box-shadow: inset 0 1px 0 #98c9ff;
-        box-shadow: inset 0 1px 0 #98c9ff;
-        -o-border-radius: 4px;
-        -moz-border-radius: 4px;
-        -webkit-border-radius: 4px;
-        border-radius: 4px;
-        cursor: pointer; cursor: hand;
-}
-
-#glm-payments-types {
-        display:block;
-        width:256px;
-        height:18px;
-        background: url('../images/types.png') no-repeat top left;
-        margin-bottom:20px;
-}
-
-/* Payment Form Elements */
-
-form#glm-payments-payment-form {
-         display:block;
-}
-
-.payment-row-right,
-.payment-row-left{width:50%;}
-
-form#glm-payments-payment-form h2.payment-header {
-        padding:10px;
-        color:#fff;
-        font-size:14px;
-        font-weight:bold;
-        text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
-        border-top:1px solid #268DFC;
-        border-bottom:1px solid #004EA2;
-        background:#0068DE;
-        margin-bottom:10px;
-        -moz-border-radius-topleft: 5px;
-        -moz-border-radius-topright: 5px;
-        -moz-border-radius-bottomright: 0px;
-        -moz-border-radius-bottomleft: 0px;
-        -webkit-border-radius: 5px 5px 0px 0px;
-        border-radius: 5px 5px 0px 0px;
-}
-
-form#glm-payments-payment-form p.payment-display-comment {
-        margin:3px 0;
-        font-size:12px;
-        color:#777;
-}
-
-form#glm-payments-payment-form label {
-        letter-spacing:1px;
-        text-transform:uppercase;
-}
-
-form#glm-payments-payment-form .payment-row {
-        overflow:visible;
-        clear:both;
-        padding:5px 10px;
-}
-
-form#glm-payments-payment-form .payment-row-left,
-form#glm-payments-payment-form .payment-row-right {
-        float:left;
-        overflow:auto;
-}
-
-form#glm-payments-payment-form .payment-invalid-button {
-        position:relative;
-        margin:10px;
-        padding: 8px 15px;
-        display:block;
-        font-weight: bold;
-        font-size: 12px;
-        background: #1275FF;
-        border: 1px solid #155FB0;
-        color: white;
-        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-        background-image: -webkit-gradient(linear, left top, left bottom, from(#77B7FF), to(#017AFF));
-        background-image: -moz-linear-gradient(top, #77B7FF, #017AFF);
-        background-image: -o-linear-gradient(top, #77B7FF, #017AFF);
-        -webkit-box-shadow: inset 0 1px 0 #98c9ff;
-        -moz-box-shadow: inset 0 1px 0 #98c9ff;
-        box-shadow: inset 0 1px 0 #98c9ff;
-        -o-border-radius: 4px;
-        -moz-border-radius: 4px;
-        -webkit-border-radius: 4px;
-        border-radius: 4px;
-        cursor: pointer; cursor: hand;
-}
-
-.payment-spinner {
-        display:none;
-        margin:10px;
-        padding: 8px 15px;
-        height:15px;
-        width:70px;
-        content:" ";
-        background: url('../images/spinner.gif') no-repeat 50% 50%;
-        border: 1px solid #afd5ff;
-        -o-border-radius: 4px;
-        -moz-border-radius: 4px;
-        -webkit-border-radius: 4px;
-}
-
-.payment-valid {
-        color: #638731 !important;
-        background-color:#d9fba8 !important;
-}
-
-.payment-invalid {
-        color:#873d31 !important;
-        background-color:#fbbcb1 !important;
-}
-
-.glm-payments-poweredby {
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
-        color:#777;
-        font-size:10px;
-        padding:0 20px;
-}
-
-.glm-payments-poweredby a {
-        color:#0068DE;
-        text-decoration: none;
-}
-
-/* Response Styling */
-
-.glm-payments-notification {
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-        font-size: 12px;
-        width:360px;
-        padding:10px;
-        margin:10px 0 10px 10px;
-        -webkit-border-radius: 5px;
-        -moz-border-radius: 5px;
-        border-radius: 5px;
-}
-
-.glm-payments-currency {
-        text-transform: uppercase;
-}
-
-.glm-payments-success {
-        color:#345607;
-        background-color:#D1F2A5;
-        text-shadow:0 1px 1px rgba(255,255,255,0.2);
-}
-
-.glm-payments-failure {
-        color:#4E1E0F;
-        background-color:#FF9F80;
-        text-shadow:0 1px 1px rgba(255,255,255,0.1);
-}
-
-/* Form Styling */
-
-
-form#glm-payments-payment-form .glm-payments-details label {
-        color:#777;
-}
-
-form#glm-payments-payment-form .glm-payments-card label {
-        color:#0068DE;
-}
-
-form#glm-payments-payment-form .glm-payments-card input {
-        -webkit-border-radius: 5px;
-        -moz-border-radius: 5px;
-        border-radius: 5px;
-}
-
-form#glm-payments-payment-form .glm-payments-card input.card-cvc {
-        width:120px;
-}
-
-form#glm-payments-payment-form label,
-form#glm-payments-payment-form input,
-form#glm-payments-payment-form select,
-form#glm-payments-payment-form textarea {
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
-        font-size: 14px !important;
-        font-weight: normal;
-        line-height: normal;
-        margin-bottom: 3px !important;
-}
-form#glm-payments-payment-form textarea,
-form#glm-payments-payment-form input {
-        position:relative;
-        width:338px;
-        background-color:#fff;
-}
-
-input.glm-payments-name {background: url('../images/h-name.png') no-repeat 8px 8px;}
-input.glm-payments-email {background: url('../images/h-email.png') no-repeat 8px 10px;}
-textarea.glm-payments-comment {background: url('../images/h-comment.png') no-repeat 8px 10px;}
-input.glm-payments-card-amount {background: url('../images/h-amount.png') no-repeat 8px 8px;}
-input.card-number {background: url('../images/h-card.png') no-repeat 8px 10px;}
-input.card-cvc {background: url('../images/h-cvc.png') no-repeat 8px 10px;}
-
-form#glm-payments-payment-form select {
-        cursor: pointer;
-}
-
-input[type=checkbox], input[type=radio] {
-        cursor: pointer;
-}
-
-.payment-expiry {
-        font-size:12px;
-        letter-spacing:1px;
-        color:#bbb;
-        text-shadow:0 1px 0 #fff;
-}
-
-form#glm-payments-payment-form select {
-        margin-top:0px !important;
-        display:block;
-        -webkit-appearance: none;
-        -moz-appearance: none;
-        appearance: none;
-        padding: 2px 7px 2px 7px !important;
-        height: auto !important;
-        text-shadow: 0 1px 0 white;
-        background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E8E8E8));
-        background-image: -moz-linear-gradient(top, #F9F9F9, #E8E8E8);
-        background-image: -o-linear-gradient(top, #F9F9F9, #E8E8E8);
-        -webkit-box-shadow: inset 0 1px 0 white;
-        -moz-box-shadow: inset 0 1px 0 white;
-        box-shadow: inset 0 1px 0 white;
-}
-
-form#glm-payments-payment-form select:hover {
-        background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F9F9));
-        background-image: -moz-linear-gradient(top, #E8E8E8, #F9F9F9);
-        background-image: -o-linear-gradient(top, #E8E8E8, #F9F9F9);
-}
-
-form#glm-payments-payment-form input,
-form#glm-payments-payment-form textarea,
-form#glm-payments-payment-form select,
-form#glm-payments-payment-form .uneditable-input {
-        display: inline-block;
-        height: 18px;
-        padding: 8px 8px 8px 32px;
-        font-size: 13px;
-        line-height: 18px;
-        color: #808080;
-        border: 1px solid #ccc;
-        -webkit-border-radius: 3px;
-        -moz-border-radius: 3px;
-        border-radius: 3px;
-}
-
-form#glm-payments-payment-form input[type=checkbox], form#glm-payments-payment-form input[type=radio] {
-        width: auto;
-        height: auto;
-        padding: 0;
-        margin: 3px 0;
-        *margin-top: 0;
-        /* IE6-7 */
-
-        line-height: normal;
-        border: none;
-}
-
-form#glm-payments-payment-form select {
-        height: 27px;
-        line-height: 27px;
-}
-
-form#glm-payments-payment-form input[type=button], form#glm-payments-payment-form input[type=reset], form#glm-payments-payment-form input[type=submit] {
-        width: auto;
-        height: auto;
-}
-
-form#glm-payments-payment-form input[type=checkbox] {
-        position:relative;
-        top:2px;
-        margin-right:5px;
-}
-
-form#glm-payments-payment-form select[multiple] {
-        height: inherit;
-        background-color: #ffffff;
-}
-form#glm-payments-payment-form textarea {
-        height: auto;
-}
-
-:-moz-placeholder {
-        color: #bfbfbf;
-}
-::-webkit-input-placeholder {
-        color: #bfbfbf;
-}
-form#glm-payments-payment-form input, form#glm-payments-payment-form textarea {
-        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-        -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
-        transition: border linear 0.2s, box-shadow linear 0.2s;
-        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-form#glm-payments-payment-form input:focus, form#glm-payments-payment-form textarea:focus {
-        outline: 0;
-        border-color: rgba(0, 104, 222, 0.8);
-        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);
-        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);
-        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);
-}
-input[type=file]:focus, input[type=checkbox]:focus, select:focus {
-        -webkit-box-shadow: none;
-        -moz-box-shadow: none;
-        box-shadow: none;
-        outline: 1px dotted #666;
-}
diff --git a/css/glm-payment-thickbox.css b/css/glm-payment-thickbox.css
deleted file mode 100755
index 171f7bb..0000000
--- a/css/glm-payment-thickbox.css
+++ /dev/null
@@ -1,187 +0,0 @@
-
-/* ----------------------------------------------------------------------------------------------------------------*/
-/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
-/* ----------------------------------------------------------------------------------------------------------------*/
-#TB_window {
-	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
-	color: #333333;
-}
-
-#TB_secondLine {
-	font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
-	color:#666666;
-}
-
-#TB_window a:link {color: #666666;}
-#TB_window a:visited {color: #666666;}
-#TB_window a:hover {color: #000;}
-#TB_window a:active {color: #666666;}
-#TB_window a:focus{color: #666666;}
-
-/* ----------------------------------------------------------------------------------------------------------------*/
-/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
-/* ----------------------------------------------------------------------------------------------------------------*/
-#TB_overlay {
-	position: fixed;
-	z-index:10000;
-	top: 0px;
-	left: 0px;
-	height:100%;
-	width:100%;
-}
-
-.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
-.TB_overlayBG {
-	background-color:#000;
-	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
-	filter:alpha(opacity=75);
-	-moz-opacity: 0.75;
-	opacity: 0.75;
-}
-
-* html #TB_overlay { /* ie6 hack */
-     position: absolute;
-     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
-}
-
-#TB_window {
-	position: fixed;
-	background: #ffffff;
-	z-index: 10002;
-	color:#000000;
-	visibility: hidden;
-	text-align:left;
-	top:50%;
-	left:50%;
-	-moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;
-	-webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;
-	-khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;
-	box-shadow: rgba(0,0,0,1) 0 4px 30px;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-    overflow:hidden !important;
-}
-
-#TB_window iframe {
-    overflow:hidden !important;
-}
-
-* html #TB_window { /* ie6 hack */
-    position: absolute;
-    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
-}
-
-#TB_window img#TB_Image {
-	display:block;
-	margin: 15px 0 0 15px;
-	border-right: 1px solid #ccc;
-	border-bottom: 1px solid #ccc;
-	border-top: 1px solid #666;
-	border-left: 1px solid #666;
-}
-
-#TB_caption{
-	height:25px;
-	padding:7px 30px 10px 25px;
-	float:left;
-}
-
-#TB_closeWindow{
-	height:25px;
-	padding:11px 25px 10px 0;
-	float:right;
-}
-
-#TB_closeAjaxWindow{
-	padding:6px 10px 0;
-	text-align:right;
-	float:right;
-}
-
-#TB_ajaxWindowTitle{
-	float:left;
-	padding:6px 10px 0;
-}
-
-#TB_title{
-    color:#fff;
-    font-size:14px;
-    font-weight:bold;
-    text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
-    background: #2F7ED6;
-    -webkit-box-shadow: inset 0px 1px 0px 0px #75acea;
-    -moz-box-shadow: inset 0px 1px 0px 0px #75acea;
-    box-shadow: inset 0px 1px 0px 0px #75acea;
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#60A0E7), to(#3A7AC1));
-    background-image: -moz-linear-gradient(top, #60A0E7, #3A7AC1);
-    background-image: -o-linear-gradient(top, #60A0E7, #3A7AC1);
-	padding:10px;
-    height:27px;
-    -moz-border-radius-topleft: 5px;
-    -moz-border-radius-topright: 5px;
-    -moz-border-radius-bottomright: 0px;
-    -moz-border-radius-bottomleft: 0px;
-    -webkit-border-radius: 5px 5px 0px 0px;
-    border-radius: 5px 5px 0px 0px;
-}
-
-#TB_ajaxContent{
-	clear:both;
-	padding:2px 15px 15px 15px;
-	overflow:auto;
-	text-align:left;
-	line-height:1.4em;
-}
-
-#TB_ajaxContent.TB_modal{
-	padding:15px;
-}
-
-#TB_ajaxContent p{
-	padding:5px 0px 5px 0px;
-}
-
-#TB_load{
-	position: fixed;
-	display:none;
-	z-index:10003;
-	top: 50%;
-	left: 50%;
-	background-color: #E8E8E8;
-	border: 1px solid #555;
-	margin: -45px 0pt 0pt -125px;
-	padding: 40px 15px 15px;
-}
-
-* html #TB_load { /* ie6 hack */
-position: absolute;
-margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
-}
-
-#TB_HideSelect{
-	z-index:9999;
-	position:fixed;
-	top: 0;
-	left: 0;
-	background-color:#fff;
-	border:none;
-	filter:alpha(opacity=0);
-	-moz-opacity: 0;
-	opacity: 0;
-	height:100%;
-	width:100%;
-}
-
-* html #TB_HideSelect { /* ie6 hack */
-     position: absolute;
-     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
-}
-
-#TB_iframeContent{
-	clear:both;
-	border:none;
-	margin-bottom:-1px;
-	_margin-bottom:1px;
-    overflow:hidden !important;
-}
diff --git a/css/glm-payment-widget.css b/css/glm-payment-widget.css
deleted file mode 100755
index 6f6bae3..0000000
--- a/css/glm-payment-widget.css
+++ /dev/null
@@ -1,62 +0,0 @@
-.glm-payments-recent {
-
-}
-
-.glm-payments-recent .payment-item {
-    min-height:70px;
-    position:relative;
-    margin:5px 0;
-}
-
-.glm-payments-recent .payment-item img.avatar {
-    position:absolute;
-    top:0;
-    left:0;
-    width:50px;
-    height:50px;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-}
-
-.glm-payments-recent .payment-item .payment-recent-comment {
-    padding-left:60px;
-}
-
-.glm-payments-recent .payment-item .payment-recent-content:before {
-    content:'\2018';
-}
-
-.glm-payments-recent .payment-item .payment-recent-content:after {
-    content:'\2019';
-}
-
-.glm-payments-recent .payment-item .payment-recent-name {
-    margin: 0 0 0.5em 0;
-    font-weight:bold;
-}
-
-.glm-payments-recent .payment-item .payment-recent-content {
-    color:#777;
-}
-
-
-.payment_btn_submit
-{
-height: 28px;
-float: none;
-padding: 0 22px;
-margin: 0 28px 0 218px;
-background: #608e3a;
-border: none;
-line-height: 28px;
-font-size: 14px;
-color: #ffffff;
-font-family: 'proxima-nova';
-font-weight: bold;
-border-radius: 15px;
--webkit-border-radius: 15px;
--moz-border-radius: 15px;
-}
-.payment_btn_submit:hover { background:#4e7a29; }
-
diff --git a/css/glm-payments-admin.css b/css/glm-payments-admin.css
new file mode 100755
index 0000000..2bbeb90
--- /dev/null
+++ b/css/glm-payments-admin.css
@@ -0,0 +1,302 @@
+/*
+* glm-payments - Default Stylesheet
+*/
+
+h1.payment-title {
+    color:#ddd;
+    margin-bottom:20px;
+}
+
+#glm-payments-tab-settings th {
+    width:280px;
+}
+
+#glm-payments-tab-settings ul {
+    padding-left:20px;
+}
+
+#glm-payments-tab-settings li {
+    list-style: disc;
+    list-style-type:none;
+}
+
+/* jQuery Tabs */
+
+ul#glm-payments-tabs-nav {
+    position:relative;
+    margin-bottom:10px;
+    height:41px;
+    overflow:visible;
+    border-bottom:1px solid #ddd
+}
+
+ul#glm-payments-tabs-nav li {
+    text-align:center;
+    position:relative;
+    display:block;
+    float:left;
+    width:130px;
+    height:40px;
+    margin:0 10px 0 2px;
+    border-top:1px solid #cccccc;
+    border-left:1px solid #cccccc;
+    border-right:1px solid #cccccc;
+    background: #f2f2f2;
+    overflow:visible;
+    -moz-border-radius-topleft: 7px;
+    -moz-border-radius-topright: 0px;
+    -webkit-border-radius: 7px 7px 0px 0px;
+    border-radius: 7px 7px 0px 0px;
+    opacity:0.8;
+}
+
+ul#glm-payments-tabs-nav li.ui-state-active,
+ul#glm-payments-tabs-nav li:hover {
+    background: #fff;
+    opacity:1;
+}
+
+ul#glm-payments-tabs-nav li.ui-state-active a:before,
+ul#glm-payments-tabs-nav li:hover a:before {
+    position: absolute;
+    content: " ";
+    top:0;
+    bottom:-1px;
+    left:0;
+    right:0;
+    border-bottom:1px solid #fff;
+    z-index:200;
+}
+
+ul#glm-payments-tabs-nav li a {
+    position:absolute;
+    top:0;
+    left:0;
+    color:#777;
+    display:block;
+    padding:10px 15px;
+    height:20px;
+    line-height:20px;
+    width:100px;
+    text-decoration: none;
+    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
+    text-transform:uppercase;
+    overflow:visible;
+}
+
+ul#glm-payments-tabs-nav li.ui-state-active {
+    background: #fff;
+}
+
+ul#glm-payments-tabs-nav li.ui-state-active a {
+    color:#555;
+}
+
+/* Transactions Table */
+
+table.glm-payments-projects,
+table.glm-payments-transactions {
+    margin-top:20px;
+    border-spacing: 0px;
+    width:95%;
+}
+
+table.glm-payments-projects thead,
+table.glm-payments-transactions thead {
+    position:relative;
+    background-color:#f2f2f2;
+}
+
+table.glm-payments-projects tr.glm-payments-absolute,
+table.glm-payments-transactions tr.glm-payments-absolute {
+    position:absolute;
+    z-index:0;
+    width:95%;
+    height:38px;
+}
+
+table.glm-payments-projects tr.glm-payments-absolute:before,
+table.glm-payments-transactions tr.glm-payments-absolute:before {
+    content: '';
+    position:absolute;
+    z-index:2;
+    display:block;
+    top:1px;
+    left:0;
+    bottom:1px;
+    right:0;
+    -webkit-border-radius: 7px;
+    -moz-border-radius: 7px;
+    border-radius: 7px;
+    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
+    -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
+    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
+}
+
+table.glm-payments-projects th,
+table.glm-payments-transactions th {
+    border-top: 1px solid #fff;
+    border-bottom: 1px solid #ddd;
+}
+
+table.glm-payments-projects th,
+table.glm-payments-transactions th {
+    text-align:left;
+    color:#777;
+    text-shadow: 0 1px 0px #ffffff;
+}
+
+
+table.glm-payments-transactions td img.avatar {
+    float:left;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+}
+
+table.glm-payments-transactions td span.payment-name {
+    line-height:30px;
+    padding-left:15px;
+}
+
+table.glm-payments-transactions td.payment-comment {
+    font-style:italic;
+    font-family:serif;
+    color:#777;
+    font-size:14px;
+    line-height:14px;
+}
+
+table.glm-payments-transactions span.payment-netamount {
+    color:#07DE00;
+    font-weight:bold;
+    font-size:14px;
+}
+
+table.glm-payments-projects th:first-child,
+table.glm-payments-transactions th:first-child {
+    -moz-border-radius-topleft: 7px;
+    -moz-border-radius-topright: 0px;
+    -moz-border-radius-bottomright: 0px;
+    -moz-border-radius-bottomleft: 7px;
+    -webkit-border-radius: 7px 0px 0px 7px;
+    border-radius: 7px 0px 0px 7px;
+}
+
+table.glm-payments-projects th:last-child,
+table.glm-payments-transactions th:last-child {
+    -moz-border-radius-topleft: 0px;
+    -moz-border-radius-topright: 7px;
+    -moz-border-radius-bottomright: 7px;
+    -moz-border-radius-bottomleft: 0px;
+    -webkit-border-radius: 0px 7px 7px 0px;
+    border-radius: 0px 7px 7px 0px;
+}
+
+table.glm-payments-projects tr td,
+table.glm-payments-transactions tr td {
+    border-bottom: 1px solid #ddd;
+}
+
+table.glm-payments-projects tr th,
+table.glm-payments-projects tr td,
+table.glm-payments-transactions tr th,
+table.glm-payments-transactions tr td {
+    padding: 10px 15px;
+}
+
+.dot-payment-live {
+    margin-right:10px;
+    position:relative;
+    top:2px;
+    display:inline-block;
+    background:#07DE00;
+    width:12px;
+    height:12px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
+    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
+    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);
+}
+
+.dot-payment-public {
+    margin-right:10px;
+    position:relative;
+    top:2px;
+    display:inline-block;
+    background:#0068DE;
+    width:12px;
+    height:12px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
+    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
+    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);
+}
+
+.dot-payment-test {
+    margin-right:10px;
+    position:relative;
+    top:2px;
+    display:inline-block;
+    background:#ddd;
+    width:12px;
+    height:12px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);
+    -moz-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);
+    box-shadow: inset 0px 2px 3px 1px rgba(0,0,0, 0.1);
+}
+
+.progress-payment-wrap {
+    position:relative;
+    display:block;
+    background:#ddd;
+    width:100px;
+    height:16px;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+    -webkit-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);
+    -moz-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);
+    box-shadow: inset 0px 2px 3px 1px rgba(0,0,0, 0.1);
+}
+
+.progress-payment-value {
+    margin-right:10px;
+    position:absolute;
+    z-index:50;
+    top:2px;
+    left:2px;
+    display:block;
+    background:#0068DE;
+    height:12px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
+    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);
+    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);
+}
+
+#glm-payments-tab-transactions form.pagination {
+    display:inline;
+    float:left;
+    margin:10px 10px 0 0;
+}
+
+.glm-payments-absolute
+{
+background:linear-gradient(to top, #373737 0px, #464646 5px) repeat scroll 0 0 #464646;
+color:#ffffff;
+}
+
+.required {
+    color: red;
+    padding-left: 5px;
+}
diff --git a/css/glm-payments-display.css b/css/glm-payments-display.css
new file mode 100755
index 0000000..7335002
--- /dev/null
+++ b/css/glm-payments-display.css
@@ -0,0 +1,351 @@
+/*
+* glm-payments - Default Stylesheet
+*/
+
+#glm-payments-wrap {
+        display:block;
+        padding:10px;
+        margin:0px;
+        width: 400px;
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+}
+
+/* Payment Form Link */
+
+#glm-payments-modal-button {
+        margin:20px 0;
+        padding: 8px 15px;
+        min-width:100px;
+        display:inline-block;
+        text-align:center;
+        font-weight: bold;
+        font-size: 12px;
+        background: #1275FF;
+        border: 1px solid #155FB0;
+        color: white;
+        text-decoration: none;
+        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+        background-image: -webkit-gradient(linear, left top, left bottom, from(#77B7FF), to(#017AFF));
+        background-image: -moz-linear-gradient(top, #77B7FF, #017AFF);
+        background-image: -o-linear-gradient(top, #77B7FF, #017AFF);
+        -webkit-box-shadow: inset 0 1px 0 #98c9ff;
+        -moz-box-shadow: inset 0 1px 0 #98c9ff;
+        box-shadow: inset 0 1px 0 #98c9ff;
+        -o-border-radius: 4px;
+        -moz-border-radius: 4px;
+        -webkit-border-radius: 4px;
+        border-radius: 4px;
+        cursor: pointer; cursor: hand;
+}
+
+#glm-payments-types {
+        display:block;
+        width:256px;
+        height:18px;
+        background: url('../images/types.png') no-repeat top left;
+        margin-bottom:20px;
+}
+
+/* Payment Form Elements */
+
+form#glm-payments-payment-form {
+         display:block;
+}
+
+.payment-row-right,
+.payment-row-left{width:50%;}
+
+form#glm-payments-payment-form h2.payment-header {
+        padding:10px;
+        color:#fff;
+        font-size:14px;
+        font-weight:bold;
+        text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
+        border-top:1px solid #268DFC;
+        border-bottom:1px solid #004EA2;
+        background:#0068DE;
+        margin-bottom:10px;
+        -moz-border-radius-topleft: 5px;
+        -moz-border-radius-topright: 5px;
+        -moz-border-radius-bottomright: 0px;
+        -moz-border-radius-bottomleft: 0px;
+        -webkit-border-radius: 5px 5px 0px 0px;
+        border-radius: 5px 5px 0px 0px;
+}
+
+form#glm-payments-payment-form p.payment-display-comment {
+        margin:3px 0;
+        font-size:12px;
+        color:#777;
+}
+
+form#glm-payments-payment-form label {
+        letter-spacing:1px;
+        text-transform:uppercase;
+}
+
+form#glm-payments-payment-form .payment-row {
+        overflow:visible;
+        clear:both;
+        padding:5px 10px;
+}
+
+form#glm-payments-payment-form .payment-row-left,
+form#glm-payments-payment-form .payment-row-right {
+        float:left;
+        overflow:auto;
+}
+
+form#glm-payments-payment-form .payment-invalid-button {
+        position:relative;
+        margin:10px;
+        padding: 8px 15px;
+        display:block;
+        font-weight: bold;
+        font-size: 12px;
+        background: #1275FF;
+        border: 1px solid #155FB0;
+        color: white;
+        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+        background-image: -webkit-gradient(linear, left top, left bottom, from(#77B7FF), to(#017AFF));
+        background-image: -moz-linear-gradient(top, #77B7FF, #017AFF);
+        background-image: -o-linear-gradient(top, #77B7FF, #017AFF);
+        -webkit-box-shadow: inset 0 1px 0 #98c9ff;
+        -moz-box-shadow: inset 0 1px 0 #98c9ff;
+        box-shadow: inset 0 1px 0 #98c9ff;
+        -o-border-radius: 4px;
+        -moz-border-radius: 4px;
+        -webkit-border-radius: 4px;
+        border-radius: 4px;
+        cursor: pointer; cursor: hand;
+}
+
+.payment-spinner {
+        display:none;
+        margin:10px;
+        padding: 8px 15px;
+        height:15px;
+        width:70px;
+        content:" ";
+        background: url('../images/spinner.gif') no-repeat 50% 50%;
+        border: 1px solid #afd5ff;
+        -o-border-radius: 4px;
+        -moz-border-radius: 4px;
+        -webkit-border-radius: 4px;
+}
+
+.payment-valid {
+        color: #638731 !important;
+        background-color:#d9fba8 !important;
+}
+
+.payment-invalid {
+        color:#873d31 !important;
+        background-color:#fbbcb1 !important;
+}
+
+.glm-payments-poweredby {
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+        color:#777;
+        font-size:10px;
+        padding:0 20px;
+}
+
+.glm-payments-poweredby a {
+        color:#0068DE;
+        text-decoration: none;
+}
+
+/* Response Styling */
+
+.glm-payments-notification {
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+        font-size: 12px;
+        width:360px;
+        padding:10px;
+        margin:10px 0 10px 10px;
+        -webkit-border-radius: 5px;
+        -moz-border-radius: 5px;
+        border-radius: 5px;
+}
+
+.glm-payments-currency {
+        text-transform: uppercase;
+}
+
+.glm-payments-success {
+        color:#345607;
+        background-color:#D1F2A5;
+        text-shadow:0 1px 1px rgba(255,255,255,0.2);
+}
+
+.glm-payments-failure {
+        color:#4E1E0F;
+        background-color:#FF9F80;
+        text-shadow:0 1px 1px rgba(255,255,255,0.1);
+}
+
+/* Form Styling */
+
+
+form#glm-payments-payment-form .glm-payments-details label {
+        color:#777;
+}
+
+form#glm-payments-payment-form .glm-payments-card label {
+        color:#0068DE;
+}
+
+form#glm-payments-payment-form .glm-payments-card input {
+        -webkit-border-radius: 5px;
+        -moz-border-radius: 5px;
+        border-radius: 5px;
+}
+
+form#glm-payments-payment-form .glm-payments-card input.card-cvc {
+        width:120px;
+}
+
+form#glm-payments-payment-form label,
+form#glm-payments-payment-form input,
+form#glm-payments-payment-form select,
+form#glm-payments-payment-form textarea {
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+        font-size: 14px !important;
+        font-weight: normal;
+        line-height: normal;
+        margin-bottom: 3px !important;
+}
+form#glm-payments-payment-form textarea,
+form#glm-payments-payment-form input {
+        position:relative;
+        width:338px;
+        background-color:#fff;
+}
+
+input.glm-payments-name {background: url('../images/h-name.png') no-repeat 8px 8px;}
+input.glm-payments-email {background: url('../images/h-email.png') no-repeat 8px 10px;}
+textarea.glm-payments-comment {background: url('../images/h-comment.png') no-repeat 8px 10px;}
+input.glm-payments-card-amount {background: url('../images/h-amount.png') no-repeat 8px 8px;}
+input.card-number {background: url('../images/h-card.png') no-repeat 8px 10px;}
+input.card-cvc {background: url('../images/h-cvc.png') no-repeat 8px 10px;}
+
+form#glm-payments-payment-form select {
+        cursor: pointer;
+}
+
+input[type=checkbox], input[type=radio] {
+        cursor: pointer;
+}
+
+.payment-expiry {
+        font-size:12px;
+        letter-spacing:1px;
+        color:#bbb;
+        text-shadow:0 1px 0 #fff;
+}
+
+form#glm-payments-payment-form select {
+        margin-top:0px !important;
+        display:block;
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+        padding: 2px 7px 2px 7px !important;
+        height: auto !important;
+        text-shadow: 0 1px 0 white;
+        background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E8E8E8));
+        background-image: -moz-linear-gradient(top, #F9F9F9, #E8E8E8);
+        background-image: -o-linear-gradient(top, #F9F9F9, #E8E8E8);
+        -webkit-box-shadow: inset 0 1px 0 white;
+        -moz-box-shadow: inset 0 1px 0 white;
+        box-shadow: inset 0 1px 0 white;
+}
+
+form#glm-payments-payment-form select:hover {
+        background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F9F9));
+        background-image: -moz-linear-gradient(top, #E8E8E8, #F9F9F9);
+        background-image: -o-linear-gradient(top, #E8E8E8, #F9F9F9);
+}
+
+form#glm-payments-payment-form input,
+form#glm-payments-payment-form textarea,
+form#glm-payments-payment-form select,
+form#glm-payments-payment-form .uneditable-input {
+        display: inline-block;
+        height: 18px;
+        padding: 8px 8px 8px 32px;
+        font-size: 13px;
+        line-height: 18px;
+        color: #808080;
+        border: 1px solid #ccc;
+        -webkit-border-radius: 3px;
+        -moz-border-radius: 3px;
+        border-radius: 3px;
+}
+
+form#glm-payments-payment-form input[type=checkbox], form#glm-payments-payment-form input[type=radio] {
+        width: auto;
+        height: auto;
+        padding: 0;
+        margin: 3px 0;
+        *margin-top: 0;
+        /* IE6-7 */
+
+        line-height: normal;
+        border: none;
+}
+
+form#glm-payments-payment-form select {
+        height: 27px;
+        line-height: 27px;
+}
+
+form#glm-payments-payment-form input[type=button], form#glm-payments-payment-form input[type=reset], form#glm-payments-payment-form input[type=submit] {
+        width: auto;
+        height: auto;
+}
+
+form#glm-payments-payment-form input[type=checkbox] {
+        position:relative;
+        top:2px;
+        margin-right:5px;
+}
+
+form#glm-payments-payment-form select[multiple] {
+        height: inherit;
+        background-color: #ffffff;
+}
+form#glm-payments-payment-form textarea {
+        height: auto;
+}
+
+:-moz-placeholder {
+        color: #bfbfbf;
+}
+::-webkit-input-placeholder {
+        color: #bfbfbf;
+}
+form#glm-payments-payment-form input, form#glm-payments-payment-form textarea {
+        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+        -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
+        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+        transition: border linear 0.2s, box-shadow linear 0.2s;
+        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+form#glm-payments-payment-form input:focus, form#glm-payments-payment-form textarea:focus {
+        outline: 0;
+        border-color: rgba(0, 104, 222, 0.8);
+        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);
+        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);
+        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);
+}
+input[type=file]:focus, input[type=checkbox]:focus, select:focus {
+        -webkit-box-shadow: none;
+        -moz-box-shadow: none;
+        box-shadow: none;
+        outline: 1px dotted #666;
+}
diff --git a/css/glm-payments-thickbox.css b/css/glm-payments-thickbox.css
new file mode 100755
index 0000000..171f7bb
--- /dev/null
+++ b/css/glm-payments-thickbox.css
@@ -0,0 +1,187 @@
+
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+#TB_window {
+	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
+	color: #333333;
+}
+
+#TB_secondLine {
+	font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
+	color:#666666;
+}
+
+#TB_window a:link {color: #666666;}
+#TB_window a:visited {color: #666666;}
+#TB_window a:hover {color: #000;}
+#TB_window a:active {color: #666666;}
+#TB_window a:focus{color: #666666;}
+
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+#TB_overlay {
+	position: fixed;
+	z-index:10000;
+	top: 0px;
+	left: 0px;
+	height:100%;
+	width:100%;
+}
+
+.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
+.TB_overlayBG {
+	background-color:#000;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
+	filter:alpha(opacity=75);
+	-moz-opacity: 0.75;
+	opacity: 0.75;
+}
+
+* html #TB_overlay { /* ie6 hack */
+     position: absolute;
+     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
+}
+
+#TB_window {
+	position: fixed;
+	background: #ffffff;
+	z-index: 10002;
+	color:#000000;
+	visibility: hidden;
+	text-align:left;
+	top:50%;
+	left:50%;
+	-moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;
+	-webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;
+	-khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;
+	box-shadow: rgba(0,0,0,1) 0 4px 30px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    overflow:hidden !important;
+}
+
+#TB_window iframe {
+    overflow:hidden !important;
+}
+
+* html #TB_window { /* ie6 hack */
+    position: absolute;
+    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
+}
+
+#TB_window img#TB_Image {
+	display:block;
+	margin: 15px 0 0 15px;
+	border-right: 1px solid #ccc;
+	border-bottom: 1px solid #ccc;
+	border-top: 1px solid #666;
+	border-left: 1px solid #666;
+}
+
+#TB_caption{
+	height:25px;
+	padding:7px 30px 10px 25px;
+	float:left;
+}
+
+#TB_closeWindow{
+	height:25px;
+	padding:11px 25px 10px 0;
+	float:right;
+}
+
+#TB_closeAjaxWindow{
+	padding:6px 10px 0;
+	text-align:right;
+	float:right;
+}
+
+#TB_ajaxWindowTitle{
+	float:left;
+	padding:6px 10px 0;
+}
+
+#TB_title{
+    color:#fff;
+    font-size:14px;
+    font-weight:bold;
+    text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
+    background: #2F7ED6;
+    -webkit-box-shadow: inset 0px 1px 0px 0px #75acea;
+    -moz-box-shadow: inset 0px 1px 0px 0px #75acea;
+    box-shadow: inset 0px 1px 0px 0px #75acea;
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#60A0E7), to(#3A7AC1));
+    background-image: -moz-linear-gradient(top, #60A0E7, #3A7AC1);
+    background-image: -o-linear-gradient(top, #60A0E7, #3A7AC1);
+	padding:10px;
+    height:27px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    -moz-border-radius-bottomright: 0px;
+    -moz-border-radius-bottomleft: 0px;
+    -webkit-border-radius: 5px 5px 0px 0px;
+    border-radius: 5px 5px 0px 0px;
+}
+
+#TB_ajaxContent{
+	clear:both;
+	padding:2px 15px 15px 15px;
+	overflow:auto;
+	text-align:left;
+	line-height:1.4em;
+}
+
+#TB_ajaxContent.TB_modal{
+	padding:15px;
+}
+
+#TB_ajaxContent p{
+	padding:5px 0px 5px 0px;
+}
+
+#TB_load{
+	position: fixed;
+	display:none;
+	z-index:10003;
+	top: 50%;
+	left: 50%;
+	background-color: #E8E8E8;
+	border: 1px solid #555;
+	margin: -45px 0pt 0pt -125px;
+	padding: 40px 15px 15px;
+}
+
+* html #TB_load { /* ie6 hack */
+position: absolute;
+margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
+}
+
+#TB_HideSelect{
+	z-index:9999;
+	position:fixed;
+	top: 0;
+	left: 0;
+	background-color:#fff;
+	border:none;
+	filter:alpha(opacity=0);
+	-moz-opacity: 0;
+	opacity: 0;
+	height:100%;
+	width:100%;
+}
+
+* html #TB_HideSelect { /* ie6 hack */
+     position: absolute;
+     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
+}
+
+#TB_iframeContent{
+	clear:both;
+	border:none;
+	margin-bottom:-1px;
+	_margin-bottom:1px;
+    overflow:hidden !important;
+}
diff --git a/css/glm-payments-widget.css b/css/glm-payments-widget.css
new file mode 100755
index 0000000..6f6bae3
--- /dev/null
+++ b/css/glm-payments-widget.css
@@ -0,0 +1,62 @@
+.glm-payments-recent {
+
+}
+
+.glm-payments-recent .payment-item {
+    min-height:70px;
+    position:relative;
+    margin:5px 0;
+}
+
+.glm-payments-recent .payment-item img.avatar {
+    position:absolute;
+    top:0;
+    left:0;
+    width:50px;
+    height:50px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+.glm-payments-recent .payment-item .payment-recent-comment {
+    padding-left:60px;
+}
+
+.glm-payments-recent .payment-item .payment-recent-content:before {
+    content:'\2018';
+}
+
+.glm-payments-recent .payment-item .payment-recent-content:after {
+    content:'\2019';
+}
+
+.glm-payments-recent .payment-item .payment-recent-name {
+    margin: 0 0 0.5em 0;
+    font-weight:bold;
+}
+
+.glm-payments-recent .payment-item .payment-recent-content {
+    color:#777;
+}
+
+
+.payment_btn_submit
+{
+height: 28px;
+float: none;
+padding: 0 22px;
+margin: 0 28px 0 218px;
+background: #608e3a;
+border: none;
+line-height: 28px;
+font-size: 14px;
+color: #ffffff;
+font-family: 'proxima-nova';
+font-weight: bold;
+border-radius: 15px;
+-webkit-border-radius: 15px;
+-moz-border-radius: 15px;
+}
+.payment_btn_submit:hover { background:#4e7a29; }
+