@import url('https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic');
* { margin: 0; padding: 0; outline: 0; border: 0; }
html, body { height: 100%; width: 100%; min-height: 100%; }
.clearfix { clear: both; }
img { max-height: 100%; max-width: 100%; }
.ie7 .clearfix { zoom: 1; }
.clearfix:after { content: ""; visibility: hidden; display: block; clear: both; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; line-height: 100%; outline: none; }
::selection { background: #ccc; color: #fff; text-shadow: none; } /* Safari */
::-moz-selection {background: #ccc;color: #fff;text-shadow: none;}
 /* Firefox */:-moz-placeholder {color: #bbb;}
::-webkit-input-placeholder {color: #bbb;}
:-ms-input-placeholder {color: #bbb;}
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
input:-webkit-autofill, input::-webkit-autofill:focus, :focus, input:focus:-webkit-autofill, input:-webkit-autofill:focus, input:focus:-webkit-autofill {}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */-webkit-text-fill-color: #000;background-color: white !important;}
 input:-webkit-autofill:focus {-webkit-box-shadow: /*your box-shadow*/, 0 0 0 50px white inset;-webkit-text-fill-color: #333;background-color:#f00;}
input[type=text], input[type=password], input[type=file], input[type=email] { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: inline-block; font-size: 14px; height: 30px; line-height: 1.42857; padding: 4px 1%; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width:97.5%; }
input[type=text]:focus, input[type=password]:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.4); outline: 0 none; }
input[type=text]:hover, input[type=password]:hover { border-color: #8b8a8a; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 4px rgba(0, 0, 0, 0.4); outline: 0 none; }
input[type=text]:disabled { text-shadow: 1px 1px 0 rgba(256, 256, 256, 1); background: #FFF; border: 1px solid #FFF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.10); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .10); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.10); color: #9D9E9E }
input[type=text]:disabled:hover { background: inherit; color: #9D9E9E; }
input[type=text]:disabled:focus { background: inherit; color: #9D9E9E; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.25); }
input[readonly=ReadOnly] {background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: inline-block; font-size: 14px; height: 30px; line-height: 1.42857; padding: 4px 1%; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 98%;}
textarea { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 84px; line-height: 1.42857; padding: 6px 1%; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width:98%; resize: none;}
textarea:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.4); outline: 0 none; }
textarea:hover { border-color: #8b8a8a; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 4px rgba(0, 0, 0, 0.4); outline: 0 none; }
select { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: inline-block; font-size: 14px; height: 40px; line-height: 1.42857; padding: 6px 1%; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%;}
select:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.4); outline: 0 none; }
select:hover { border-color: #8b8a8a; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 4px rgba(0, 0, 0, 0.4); outline: 0 none; }
input[type=submit], button, input[type=button] { background-color: #ecac00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; border-bottom: #E18A00 solid 4px !important; color: #ffffff; cursor: pointer; font: 600 14px/20px 'Lato', sans-serif; padding: 10px 30px; text-decoration: none; margin-left: 10px;-webkit-appearance: none; }
input[type=submit]:hover, button:hover, input[type=button]:hover { background-color: #E18A00; }
input[type=submit]:active, button:active, input[type=button]:active { position: relative; top: 1px; }

input[type=submit]:disabled, button:disabled, input[type=button]:disabled{background-color: #ebebeb;border-bottom: #aaaaaa solid 4px !important; color:rgba(0,0,0,.25); cursor:no-drop;}
input[type=submit]:disabled:hover, button:disabled:hover, input[type=button]:disabled:hover{background-color: #ebebeb;border-bottom: #aaaaaa solid 4px !important; color:rgba(0,0,0,.25);}

a.lnkbtn { background-color: #ecac00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; border-bottom: #E18A00 solid 4px !important; color: #ffffff; cursor: pointer; font: 600 14px/20px 'Lato', sans-serif; padding: 7px 25px; text-decoration: none;-webkit-appearance: none; display:inline-block}
a.lnkbtn:hover{ background-color: #E18A00; }
a.lnkbtn:active{ position: relative; top: 1px; }

strong { font-weight: normal; }
h1, h2, h3, h4, h5 { font-weight: normal; line-height: normal; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* Reset css ends here */

html { background-color: #99ABB7; }
body { font-family: "Lato", sans-serif; background-color: #99ABB7; margin: 0 0 0 0; padding: 0; }
.outer-wrapper { }
.wrapper { margin: 0 auto; max-width: 968px; }
.main-container { background: #fff; }
/* Header start here */
header { background: #002942; height: 138px; text-align: center; }
.logo { background: url(../images/logo.jpg) no-repeat center center; width: 100%; height: 138px; }
.bottomlogo{width:100%; text-align:center; background:#fff;margin:10px 0px;}
/* ends here */

/* Body conatainer start here */
.body-container { padding: 20px; }
.body-container h1 { border-bottom: 2px solid #c13832; color: #002942; font: 700 20px/22px "Lato", sans-serif; padding: 10px; text-transform: uppercase; text-align: center; }
.inner-container { padding: 20px 0; }
/* ends here */

/* Footer start here */
footer { padding: 20px; text-align: center; }
footer p { text-align: center; font: 400 14px/20px "Lato", sans-serif; margin-bottom: 10px; }
/* ends here */
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { background-color: #ffffdd; border: 3px solid gray; padding: 10px; width: 250px; }
.modalPopup p { font: 400 14px/20px "Lato", sans-serif; margin-bottom: 10px; }
/* Login page start here */

.logincontainer { }
.logincolem { padding-bottom: 10px; }
.logincolem label { display: inline-block; width: 30%; padding: 0 1%; font: 400 14px/40px "Lato", sans-serif; text-align: right; vertical-align:top;}
.logincolem > div { display: inline-block; width: 60%; position: relative }
.logincolem a { font: 400 13px/40px "Lato", sans-serif; }
.logincolem > div > span { font: 400 12px/18px "Lato", sans-serif; color:#f00}
.logincontent { }
.logincontent p { text-align: center; font: 400 14px/20px "Lato", sans-serif; margin-bottom: 10px; }
.loginbtn { text-align: center; margin:40px 0 20px 0; }

.loginerror{background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") repeat scroll 50% 50%;border: 1px solid #cd0a0a;color: #ffffff;font-size: 14px; display:block; line-height: 20px; text-align: center;}

/* ends here */
/* @group breadcrumb */

#breadcrumb, #breadcrumb2 {
    float: left;
    width: 100%;
    margin: 20px 0
}

    #breadcrumb ul, #breadcrumb2 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
    }

.crumbs li {
    float: left;
    width: auto;
    position: relative;
    margin: 2px 0
}

    .crumbs li a {
        color: #002942;
        display: block;
        float: left;
        font-size: 13px;
        font-weight: bold;
        padding: 7px 0 7px 22px;
        position: relative;
        text-decoration: none;
        border-bottom: 1px solid #e18a00;
        border-left: 1px solid #e18a00;
        border-top: 1px solid #e18a00;
        background: #fff;
    }

    .crumbs li:first-child a {
        border-left: 1px solid #e18a00;
    }

    .crumbs li > span {
        background-image: url( '../images/bg-crumbs1.png' );
        background-repeat: no-repeat;
        background-position: 100% 0;
        width: 13px;
        height: 29px;
        float: left;
        position: absolute;
        right: -13px;
        z-index: 5;
    }

    .crumbs li a:hover, .crumbs li:hover a, .crumbs li.selected a {
        border-bottom: 1px solid #e18a00;
        border-top: 1px solid #e18a00;
        background: #ecac00;
        color: #fff;
    }

    .crumbs li.currentPage a {
        background: #c13832;
        border-bottom: 1px solid #8e0500;
        border-top: 1px solid #8e0500;
        color: #fff;
    }

    .crumbs li:hover > span, .crumbs li.selected > span {
        background-position: 100% -96px;
    }

    .crumbs li.currentPage > span {
        background-image: url( '../images/bg-crumbs2.png' );
        background-repeat: no-repeat;
        background-position: 100% -96px;
    }

.crumbs2 {
    display: block;
    margin-left: -13px;
    padding: 0;
}

    .crumbs2 li {
        display: inline;
    }

        .crumbs2 li a, .crumbs2 li a:link, .crumbs2 li a:visited {
            color: #666;
            display: block;
            float: left;
            font-size: 13px;
            padding: 7px 16px 7px 19px;
            position: relative;
            text-decoration: none;
            border: 1px solid #d9d9d9;
            border-right-width: 0px;
        }

        .crumbs2 li a {
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#f5f5f5)";
            background-image: -moz-linear-gradient( center bottom, rgb(241,241,241) 45%, rgb(245,245,245) 73%); /* For Internet Explorer 5.5 - 7 */
        }

        .crumbs2 li.first a {
            border-top-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -webkit-border-top-left-radius: 5px;
        }

        .crumbs2 li.last a {
            border-right-width: 1px;
            border-bottom-right-radius: 5px;
            -moz-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
        }

        .crumbs2 li a:hover {
            border-top-color: #c4c4c4;
            border-bottom-color: #c4c4c4;
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#f1f1f1)";
            color: #333;
            -moz-box-shadow: 0px 2px 2px #e8e8e8;
            -webkit-box-shadow: 0px 2px 2px #e8e8e8;
            box-shadow: 0px 2px 2px #e8e8e8;
            background-image: -moz-linear-gradient( center bottom, rgb(241,241,241) 45%, rgb(248,248,248) 73%); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */
        }

        .crumbs2 li a:active {
            border-top-color: #c4c4c4;
            border-bottom-color: #c4c4c4;
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#e0e0e0)";
            color: #333;
            box-shadow: -1px 1px 1px 0px #dadada inset;
            -webkit-box-shadow: -1px 1px 1px 0px #dadada inset;
            -moz-box-shadow: -1px 1px 1px 0px #dadada inset;
            background-image: -moz-linear-gradient( center bottom, rgb(224,224,224) 45%, rgb(235,235,235) 73%); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */
        }
/* ends here */





/* @group breadcrumb */

/*#breadcrumb, #breadcrumb2 { float: left; width: 100%; margin: 20px 0 }
#breadcrumb ul, #breadcrumb2 ul { list-style: none; margin: 0; padding: 0; float: left; width: 100%; }
.crumbs li { float: left; width: auto; position: relative; }
.crumbs li a { color: #002942; display: block; float: left; font-size: 13px; font-weight: bold; padding: 7px 0 7px 22px; position: relative; text-decoration: none; border-bottom: 1px solid #e18a00; border-top: 1px solid #e18a00; background: #fff; }
.crumbs li:first-child a { border-left: 1px solid #e18a00; }
.crumbs li > span { background-image: url( '../images/bg-crumbs1.png' ); background-repeat: no-repeat; background-position: 100% 0; width: 13px; height: 29px; float: left; position: absolute; right: -13px; z-index: 5; }
.crumbs li a:hover, .crumbs li:hover a { border-bottom: 1px solid #e18a00; border-top: 1px solid #e18a00; background: #ecac00; color: #fff; }
.crumbs li.currentPage a { background: #c13832; border-bottom: 1px solid #8e0500; border-top: 1px solid #8e0500; color: #fff; }
.crumbs li:hover > span { background-position: 100% -96px; }
.crumbs li.currentPage > span { background-image: url( '../images/bg-crumbs2.png' ); background-repeat: no-repeat; background-position: 100% -96px; }
.crumbs2 { display: block; margin-left: -13px; padding: 0; }
.crumbs2 li { display: inline; }
.crumbs2 li a, .crumbs2 li a:link, .crumbs2 li a:visited { color: #666; display: block; float: left; font-size: 13px; padding: 7px 16px 7px 19px; position: relative; text-decoration: none; border: 1px solid #d9d9d9; border-right-width: 0px; }
.crumbs2 li a { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#f5f5f5)"; background-image: -moz-linear-gradient( center bottom, rgb(241,241,241) 45%, rgb(245,245,245) 73%);*/ /* For Internet Explorer 5.5 - 7 */ /*}
.crumbs2 li.first a { border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.crumbs2 li.last a { border-right-width: 1px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.crumbs2 li a:hover { border-top-color: #c4c4c4; border-bottom-color: #c4c4c4; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#f1f1f1)"; color: #333; -moz-box-shadow: 0px 2px 2px #e8e8e8; -webkit-box-shadow: 0px 2px 2px #e8e8e8; box-shadow: 0px 2px 2px #e8e8e8; background-image: -moz-linear-gradient( center bottom, rgb(241,241,241) 45%, rgb(248,248,248) 73%);*/ /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ /*}
.crumbs2 li a:active { border-top-color: #c4c4c4; border-bottom-color: #c4c4c4; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#e0e0e0)"; color: #333; box-shadow: -1px 1px 1px 0px #dadada inset; -webkit-box-shadow: -1px 1px 1px 0px #dadada inset; -moz-box-shadow: -1px 1px 1px 0px #dadada inset; background-image: -moz-linear-gradient( center bottom, rgb(224,224,224) 45%, rgb(235,235,235) 73%);*/ /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ /*}*/
/* ends here */
/* Loader css start here */
/*.loading { position: fixed; z-index: 9999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; }
.loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
.loading:not(:required) { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; }*/

/* Loader Animation */
@-webkit-keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-o-keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
/* ends here */

/* Subscription 1 start here */

.subscription1 { }
.subsription-lf { float: left; width: 50%; }
.subsription-rt { float: left; width: 50%; }
.subscription1 h2 { color: #002942; font: 700 16px/22px "Lato", sans-serif; padding: 10px 0 10px 10px; text-transform: uppercase; }
.colem { margin-bottom: 10px; }
.colem label { display: inline-block; width: 38%; padding: 0 1%; font: 400 14px/40px "Lato", sans-serif; text-align: right; vertical-align: top; }
.colem label > span { color: #f00; font: 400 14px/40px "Lato", sans-serif; }
.colem > div { display: inline-block; width:55%; position: relative;}
.colem > div > small { font: 400 13px/20px "Lato", sans-serif; }
.colem > div > span { font:400 12px/20px "Lato", sans-serif;}
.colem > div input ~ span{color:#f00;}
.subscription1 .colem p { font: 400 12px/18px "Lato", sans-serif; }
.subscription1 .colem > div input[type=checkbox] { vertical-align: middle; margin: 15px 0 0 0 }
.subscription1 .colem > div label { width: auto; }
.subscription1 .checkboxgroup1 > div { display: inline-block; }
.subscription1 .checkboxgroup1 label { font: 400 14px/20px "Lato", sans-serif; vertical-align: top; margin: 0 10px; }
.subscription1 .checkboxgroup1 input[type=checkbox] { vertical-align: middle; margin: 2px 0 0 0 }
.subscription1 .radiobtngroup label { font: 400 14px/20px "Lato", sans-serif; vertical-align: top; margin: 0 10px; }
.subscription1 .radiobtngroup input[type=radio] { vertical-align: middle; margin: 2px 0 0 0 }
.btngroup { text-align: center; margin: 20px 0; }
.colem > div table{ width:100%;}
.colem div table input[type=checkbox],
.colem div table input[type=radio]{ margin: 15px 10px 0 0;vertical-align: middle;}
.colem div input[type=checkbox] { vertical-align: middle; margin: 15px 0 0 0 }
.memcustomfield .colem label{ width: 47%;}
.memcustomfield .colem > div { width:45%}
.memcustomfield .colem > div table{ width:60%;}
/* ends here */

/* Common Table start here */
table.gridtable { width: 100%; margin: 20px 0; border-left: 1px solid #002942; border-top: 1px solid #002942; background: #f8f8f8; }
table.gridtable tr th { border-right: 1px solid #002942; border-bottom: 2px solid #c13832; padding: 10px 4px; font: 700 14px/20px "Lato", sans-serif; color: #002942;text-transform: uppercase; }
table.gridtable tr td { border-right: 1px solid #002942; border-bottom: 1px solid #002942; padding: 4px; font: 400 13px/20px "Lato", sans-serif; vertical-align:top}
table.gridtable.firsttdnone tr td:nth-child(1) { display: none; }
.orgnote p { text-align: center; font: 400 14px/18px "Lato", sans-serif; }
.orgnote p a { color: #f00; }
.orgnote span { color: #f00 }
.intercontact { margin: 20px 0 }
.membershipcategory { margin: 20px 0 }
.membershipcategory table { width: 100% }
.membershipcategory table tr td { padding: 5px; }
.membershipcategory table tr td label { font: 400 14px/20px "Lato", sans-serif; vertical-align: top; margin: 0 10px; }
.membershipcategory table tr td input[type=radio] { vertical-align: middle; margin: 2px 0 0 0 }
table.gridtable.memberclub tr td:nth-child(2), table.gridtable.memberclub tr th:nth-child(2) { text-align: left; }
table.gridtable.memberclub tr td:nth-child(3), table.gridtable.memberclub tr th:nth-child(3) { text-align: right; width: 28% }
table.gridtable.MerchandiseID tr td, table.gridtable.MerchandiseID tr th { text-align: left; }
table.gridtable.MerchandiseID tr td:nth-child(2), table.gridtable.MerchandiseID tr th:nth-child(2), table.gridtable.MerchandiseID tr td:nth-child(5), table.gridtable.MerchandiseID tr th:nth-child(5) { text-align: right; }
.topheadingsub { border-bottom: 2px solid #c13832; padding-left: 20px; }
.topheadingsub h3 { color: #002942; font: 700 16px/20px "Lato", sans-serif; padding: 10px; text-transform: uppercase; float: left; width: 24%; }
.topheadingsub .radiobtntable { float: left; width: 30%; }
.topheadingsub .radiobtntable table { width: 100%; padding: 8px 0 }
.topheadingsub .radiobtntable table tr td label { font: 700 14px/20px "Lato", sans-serif; padding: 0 0 0 10px; text-transform: uppercase; color: #002942; vertical-align: top; }
.topheadingsub .radiobtntable table tr td input[type=radio] { vertical-align: middle }
table.sub4table { width: 94%; padding: 10px 3% }
table.sub4table tr td { padding: 4px; font: 400 13px/20px "Lato", sans-serif; text-align: right; vertical-align: middle }
table.subtotaltable { width: 94%; padding: 10px 3% }
table.subtotaltable tr th { padding: 4px; font: 700 15px/20px "Lato", sans-serif; color: #002942; text-align: right; vertical-align: middle; text-transform: uppercase }
table.subtotaltable tr th:nth-child(2) { font: 700 18px/20px "Lato", sans-serif; color: #002942; width: 30% }
table.subtotaltable tr.tr_heading td:nth-child(2) { text-align: right; }
.subterms { padding: 10px 20px; }
.subterms h4 { color: #000; font: 700 14px/20px "Lato", sans-serif; padding: 5px 0; }
.subterms p { font: 400 14px/20px "Lato", sans-serif; padding: 5px 0; }
.subterms p strong { font: 700 16px/20px "Lato", sans-serif; }
.subterms p > span{ color:#f00}
.subterms p label { font: 700 14px/20px "Lato", sans-serif; margin-left: 10px; }
.subterms p input[type=checkbox] { vertical-align: middle; }
.subterms.receipt p { text-align: center; }
.subscription6 { margin: 20px 0; }
.subscription6 .memberno.colem label { width: 14%; font: 700 14px/20px "Lato", sans-serif }
.subscription6 .memberno.colem > div > span { font: 700 18px/20px "Lato", sans-serif; position:relative; left:0; top:0}
.subscription6 .colem { margin-bottom: 5px; }
.subscription6 .colem label { font: 400 14px/18px "Lato", sans-serif }
.subscription6 .colem > div > span { font: 400 14px/18px "Lato", sans-serif; position:relative; left:0; top:0}
table.gridtable.rptMerchandise tr td:nth-child(4) { text-align: right; width: 12%; }
table.gridtable.rptMerchandise tr td:nth-child(5) { width: 12%; }
table.gridtable.rptMerchandise tr td:nth-child(6) { text-align: right; width: 14%; }
table.gridtable.rptMerchandise td.mrchtotal{ text-align:right;}
table.gridtable.rptClubs { border: 0; background: none; }
table.gridtable.rptClubs tr th { border-right: 0 }
table.gridtable.rptClubs tr td { border: 0 }
table.gridtable.rptClubs tr th:nth-child(1), table.gridtable.rptClubs tr td:nth-child(1) { text-align: left; }
table.gridtable.rptClubs tr th:nth-child(2), table.gridtable.rptClubs tr td:nth-child(2) { width: 30%; text-align: right; }
table.gridtable.rptClubs tr.total td:nth-child(1) { text-align: right; }
table.gridtable.rptClubs tr.total td:nth-child(2) { width: 30%; text-align: right; font: 700 16px/18px "Lato", sans-serif }
table.gridtable.paymetndetail { border: 0; background: none; }
table.gridtable.paymetndetail tr th { border-right: 0 }
table.gridtable.paymetndetail tr td { border: 0 }
table.gridtable.paymetndetail tr td:nth-child(2) { width: 30%; text-align: right; }
table.gridtable.paymetndetail tr.total td:nth-child(1) { text-align: right; }
table.gridtable.paymetndetail tr.total td:nth-child(2) { width: 30%; text-align: right; font: 700 30px/32px "Lato", sans-serif }
/* Payment section start here */

.paymentarea .colem label { width: 20% }
.paymentarea .colem > div { width: 75%; }
.paymentarea .colem select { width: 42%; }
.cardimageouter { width: 39.5%; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: inline-block; font-size: 14px; height: 30px; line-height: 1.42857; padding: 4px 8px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.cardimageouter:hover { border-color: #8b8a8a; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 4px rgba(0, 0, 0, 0.4); outline: 0 none; }
.cardimageouter:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.4); outline: 0 none; }
.cardimageouter > small { background: url(../images/sprite_icon_pay.png) no-repeat 0 0; width: 105px; height: 16px; float: right; margin: 8px 0 0 0; }
.cardimageouter input[type=text] { background: none; border: 0px; padding: 0; width: 55%; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset; }
.cardimageouter input[type=text]:hover { border-color: #8b8a8a; box-shadow: 0 0px 0px rgba(0, 0, 0, .075) inset, 0 0 0px rgba(0, 0, 0, 0.4); outline: 0 none; }
.cardimageouter input[type=text]:focus { border-color: #66afe9; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(102, 175, 233, 0.4); outline: 0 none; }
.paymentarea .colem > div > strong.americanmsg { font: 400 13px/20px "Lato", sans-serif; color: #f00 }
/* ends here */

/* Receipt start here */
table.receiptdetail { width: 100%; }
table.receiptdetail tr td { color: #000; font: 400 16px/20px "Lato", sans-serif; padding: 2px 5px; }
table.receiptdetail tr td:nth-child(1) { font-weight: 700; text-align: right }
table.renewalreciptpayment { width: 100%; margin: 20px 0; border-left: 1px solid #002942; border-top: 1px solid #002942; background: #f8f8f8; }
table.renewalreciptpayment tr > th { border-right: 1px solid #002942; border-bottom: 2px solid #c13832; padding: 10px; font: 700 14px/20px "Lato", sans-serif; color: #002942; text-align: center; text-transform: uppercase; background: #fff; }
table.renewalreciptpayment tr > td { border-right: 1px solid #002942; border-bottom: 1px solid #002942; padding: 4px; font: 400 13px/20px "Lato", sans-serif; vertical-align: bottom }
table.renewalreciptpayment tr > td table tr td { border-right: 0px solid #002942; border-bottom: 0px solid #002942; padding: 4px; font: 400 13px/20px "Lato", sans-serif; }
table.renewalreciptpayment tr > td table tr th { border-right: 0px solid #002942; border-bottom: 2px solid #c13832; font: 700 14px/20px "Lato", sans-serif; color: #002942; text-align: center; text-transform: uppercase; background: #fff; }
table.renewalreciptpayment tr.total td:nth-child(2n+1) { text-align: right; }
/* ends here */
.tablehints { display: none; }
/* collapse and expand css start here */
.SubscribePanel { margin: 20px 0 }
.accordion { margin: 0 20px; }
.accordion-section { margin: 0 0 20px 0; }
.accordion-section-title { border: 1px solid #808080; background: #002942; color: #ffffff; font-size: 20px; line-height: 30px; padding: 5px 10px; border-radius: 5px; margin: 0 auto; display: block; text-decoration: none; width: 60%; }
.accordion-section-title:hover, .accordion-section-title:focus { text-decoration: none; outline: none; }
.accordion-section-title.active { border-radius: 5px 5px 0 0; background: transparent; color: #002942; border: 1px solid #002942; }
.accordion-section-content { border: 1px solid #002942; border-radius: 0 0 5px 5px; padding: 10px 20px; display: none; max-height: 400px; overflow: auto; margin-top: -1px; }
.accordion-body { text-align: left; }
.accordion-body ol { margin-top: 0 }
.accordion-body ol li { margin: 10px 0 }
/* Horse reg start here */

.horsereg1 { margin: 20px 0 }
.ErrorDiv { text-align: center; font-size: 14px; line-height: 20px; }
.infoblock { text-align: center; font-size: 14px; line-height: 20px; margin: 5px 0 0 0 }
.infoblock p { padding: 5px; }
.horsereg1 h2 { color: #002942; font: 700 16px/22px "Lato", sans-serif; padding: 10px 0 10px 10px; text-transform: uppercase; }
.horsereg1 .colem label { width: 32%; }
.horsereg1 .colem > div select.smlselect { width: 32%; }   
.horsereg1 .colem > div input.smltext { width: 48%; }
.horsereg1 .colem > div { width: 45% }
.horsereg1 .colem table { width: 100% }
.horsereg1 .colem table tr td label { width: auto; padding-left: 10px; }
.horsereg1 .colem table tr td input[type=radio] { vertical-align: middle; margin-top: 14px; }
.colem > div > small.hintstext { text-align: left; }
.horseregpay { }
.horseregpay .colem label { line-height: 20px; }
.horseregpay .colem > div { font: 700 16px/20px "Lato", sans-serif }
.horseregpay .colem > div > span { font: 700 16px/20px "Lato", sans-serif }
.markinghead { margin: 20px 0; text-align: center; }
.markinghead p { margin-bottom: 5px; font: 400 16px/20px "Lato", sans-serif; }
.markinghead p strong { font-weight: 700; }
.markingareimg { margin: 20px 0; text-align: center; }
/* horse drawing tool start here */

.horsedrawingtool { margin: 20px 0 }
.horsedrawing-head { margin-bottom: 10px; }
.horsedrawing-body { }
.horsedrawing-lf { float: left; width: 8%; margin-right: 1%; }
.horsedrawing-mid { float: left; width: 81%; }
.horsedrawing-rt { float: left; width: 8%; margin-left: 2%; }
.horsedrawing-foot { margin-top: 10px; }
.errormsg .succcessmsg { color: #098326; font-size: 14px; }
.errormsg .membererrormsg { color: #f00; font-size: 14px; }
/* ends here */

.horsereg6pay .colem label { line-height: 20px; }
.horsereg6pay .colem > div { font: 700 16px/20px "Lato", sans-serif }
.horsereg6paydetail { margin: 20px 0 }
.horsereg6paydetail .colem label { line-height: 20px; }
.horsereg6paydetail h3 { font: 700 18px/20px "Lato", sans-serif }
.horsereg6paydetail h3 span { text-align: right; float: right; font: 700 16px/20px "Lato", sans-serif }
.horsereg6paydetail .colem > div { font: 700 16px/20px "Lato", sans-serif; width: 40%; text-align: right; }
.horsereg6paydetail .colem > div > span { font: 700 16px/20px "Lato", sans-serif }
.horsereg6paydetail .colem.total label { font: 700 18px/40px "Lato", sans-serif }
.horsereg6paydetail .colem.total > div > span { font: 700 28px/40px "Lato", sans-serif }
.subscription6payarea { margin: 20px 0 0 0 }
/* horse receipt start here */

.horsereceipttopgrid tr th { border-bottom: 2px solid #c13832; color: #002942; font: 700 16px/24px "Lato", sans-serif; padding: 10px; text-transform: uppercase; text-align: center; }
.horsereceipttopgrid tr th span { font: 700 20px/24px "Lato", sans-serif; padding-left: 10px; }
.horsereceiptdetail { margin: 20px 0 }
.horsereceiptdetail tr th.heading { color: #002942; padding: 0 0 10px 10px; text-transform: uppercase; font: 700 18px/30px "Lato", sans-serif; }
.horsereceiptdetail tr > td { width: 50%; vertical-align: top; }
.horsereceiptdetailinner tr td { font: 400 14px/20px "Lato", sans-serif; padding: 4px; vertical-align: top; width: auto; }
.horsereceiptdetailinner tr td:nth-child(1) { text-align: right; }
.horsereceiptdetailinner tr td > div { font: 700 14px/20px "Lato", sans-serif; }
.horsereceiptpaysec { margin: 20px 0 }
.horsereceiptpaysec tr td { font: 700 14px/20px "Lato", sans-serif; padding: 4px; vertical-align: top; text-align: right; }
.horsereceiptpaysec tr td:nth-child(1) span, .horsereceiptpaysec tr td:nth-child(1) { font: 400 14px/20px "Lato", sans-serif; }
.horsereceiptpaysec tr td:nth-child(1) { width: 40%; text-align: right; }
.horsereceiptpaysec tr td:nth-child(2) span { font: 700 16px/20px "Lato", sans-serif; text-align: right; }
.horsereceiptpaysec tr.headinglicences td:nth-child(1) { text-align: left; font: 700 18px/20px "Lato", sans-serif; }
.horsereceiptpaysec tr.total td:nth-child(1) { font: 700 20px/30px "Lato", sans-serif; text-align: right; }
.horsereceiptpaysec tr.total td:nth-child(2) span, .horsereceiptpaysec tr.total td:nth-child(2) { font: 700 26px/30px "Lato", sans-serif; text-align: right; }
/* ends here*/
.emercontact { margin: 20px 0 }
.errormsg { color: #f00 }
/* Member signup pages start here */
.colem.copybtn { text-align: center }
.colem.copybtn input[type=submit] { background-color: #e18a00; border-bottom: 4px solid #ecac00 !important; font: 600 13px/18px "Lato", sans-serif; margin-left: 10px; padding: 4px 15px; }

/* ends here*/

.notavaiable{ margin:20px 0; min-height:500px; }
.notavaiable h2{font: 700 40px/50px "Lato", sans-serif; color:#002942;}
.notavaiable p{font: 400 14px/20px "Lato", sans-serif; color:#000;}

table.gridtable.officialqualification tr th:first-child,table.gridtable.officialqualification tr td:first-child{ display:none;}
table.gridtable.officialqualification tr th{ background:none; text-align:left;}
table.gridtable.officialqualification tr td{ text-align:left;}
/* ends here*/
#fileUploadarea br{ display:none;}
#fileUploadarea input[type=file].fileUpload{ width:40%}
#fileUploadarea .file-row{ margin:5px 0;}


/* payment loading section start here */

 /* Loader css start here */
.loadingnew {text-align: center;overflow: auto;margin: auto;}
.loadingnew p {color: rgba(0,0, 0, 1);font-size: 26px;padding: 0 0 0 30px;margin: 0;display: inline-block;line-height: 50px;}
.loadingsec {content: '';display: inline-block;font-size: 10px;width: 1em;height: 1em;margin-top: 24px;position: absolute;-webkit-animation: spinner 1500ms infinite linear;-moz-animation: spinner 1500ms infinite linear;-ms-animation: spinner 1500ms infinite linear;-o-animation: spinner 1500ms infinite linear;animation: spinner 1500ms infinite linear;border-radius: 0.5em;            -webkit-box-shadow: rgba(0, 0, 0, 1) 1.5em 0 0 0, rgba(0, 0, 0, 1) 1.1em 1.1em 0 0, rgba(0, 0, 0,1) 0 1.5em 0 0, rgba(0, 0, 0, 1) -1.1em 1.1em 0 0, rgba(0, 0, 0, 1) -1.5em 0 0 0, rgba(0, 0, 0, 1) -1.1em -1.1em 0 0, rgba(0, 0, 0, 1) 0 -1.5em 0 0, rgba(0, 0, 0, 1) 1.1em -1.1em 0 0;
box-shadow: rgba(0,0, 0, 1) 1.5em 0 0 0, rgba(0,0, 0, 1) 1.1em 1.1em 0 0, rgba(0,0, 0, 1) 0 1.5em 0 0, rgba(0,0, 0, 1) -1.1em 1.1em 0 0, rgba(0,0, 0, 1) -1.5em 0 0 0, rgba(0,0, 0, 1) -1.1em -1.1em 0 0, rgba(0,0, 0, 1) 0 -1.5em 0 0, rgba(0,0, 0, 1) 1.1em -1.1em 0 0;}
        /* Loader Animation */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* ends here*/
/* Info message start here */
.infomessage {color: #00529B;background: #BDE5F8;font: 400 16px/30px 'Open Sans', sans-serif;padding: 10px 2% 10px 2%;width: 96%;border: 1px solid;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;transition: all 2s;height: auto;-webkit-transition: all 2s;display: inline-block;margin: 5px 0;}
.infomessage p {margin: 5px 0;font: 400 14px/20px 'Open Sans', sans-serif;}
.infomessage p a {color: #00529b;text-decoration: underline;}
/* ends here*/
/* member category css start here */
ul.membercategoryinfo{list-style:none; padding:0; margin:0}
ul.membercategoryinfo li{font:600 16px/20px "Lato", sans-serif; color:#000;}
ul.membercategoryinfo li input[type=radio]{  margin-right:5px;}
ul.membercategoryinfo li ul{ list-style:disc; margin:5px 0 20px 32px; padding:0;}
ul.membercategoryinfo li ul li{font: 400 14px/20px "Lato", sans-serif; color:#000; padding:0 0 5px 5px;}
/* ends here*/
/* payment option category info start here */
strong.ltrlCategory{font: 600 16px/20px "Lato", sans-serif;}
.categoryinfo{font: 400 14px/20px "Lato", sans-serif; color:#000; padding:5px}
.categoryinfo ul{ list-style:disc; margin:0 0 0 30px; padding:0;}
.categoryinfo ul li{font: 400 14px/20px "Lato", sans-serif; color:#000; padding:0 0 5px 5px;}
.categoryinfo p{font: 400 14px/20px "Lato", sans-serif; color:#000; padding:5px}
/* ends here */

/*
input.btn-danger, a.btn-danger,a.btn-danger:hover {background: #444;color: #fff;border-color: #000; border-bottom:#444 solid 4px !important}
input.btn-danger:hover{background-color:#444}*/

/* Payment section start here */

.paymentarea .colem label { width: 20% }
.paymentarea .colem > div { width: 75%; }
.paymentarea .colem select { width:65%; }
.cardimageouter { width:61.5%; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: inline-block; font-size: 14px; height: 30px; line-height: 1.42857; padding: 4px 8px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.cardimageouter:hover { border-color: #8b8a8a; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 4px rgba(0, 0, 0, 0.4); outline: 0 none; }
.cardimageouter:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.4); outline: 0 none; }
.cardimageouter > small { background: url(../images/sprite_icon_pay.png) no-repeat 0 0; width: 105px; height: 16px; float: right; margin: 8px 0 0 0; }
.cardimageouter input[type=text] { background: none; border: 0px; padding: 0; width: 62%; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset; }
.cardimageouter input[type=text]:hover { border-color: #8b8a8a; box-shadow: 0 0px 0px rgba(0, 0, 0, .075) inset, 0 0 0px rgba(0, 0, 0, 0.4); outline: 0 none; }
.cardimageouter input[type=text]:focus { border-color: #66afe9; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(102, 175, 233, 0.4); outline: 0 none; }
.cardimageouter input[type=number]{ background:none; border:0; box-shadow:0; width:63%;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset; padding:0;}
.paymentarea .colem > div > strong.americanmsg { font: 400 13px/20px "Lato", sans-serif; color: #f00 }
.paymentarea .colem > div > span.validaionmsg, .paymentarea .colem > div > span.sercharge{ color:#f00;}
.paymentLeft input[type=number]::-webkit-inner-spin-button, 
.paymentLeft input[type='number'] {-moz-appearance:textfield;}
.paymentLeft input[type=number]::-webkit-inner-spin-button,
.paymentLeft input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;margin: 0;}
.paymentfeescharge {text-align: left;margin: 0;border: 1px solid #CFCFCF;background-color: #fafafa;padding: 10px 10px 1px 10px;}
.paymentfeescharge p {color: #000;font:600 14px/20px "Lato",sans-serif;}
.paymentfeescharge ul {list-style: none;margin: 10px 0 0 0;padding: 0;}
.paymentfeescharge ul li {margin: 5px 0;}
.paymentfeescharge ul li span {font: 600 15px/20px Lato, sans-serif;display: inline-block;width: 100px;vertical-align: top;color:#002942;}
.paymentfeescharge ul li strong {font: 600 20px/20px Lato, sans-serif;display: inline-block;vertical-align: top;color:#c13832;}
.paymentRight {float: right;width: 24%;vertical-align: top;padding:0;text-align: center;}
.paymentLeft {float: left;width: 74%;border: 1px solid #e1e0e0;vertical-align: top; padding:10px 0;}
.paymentTop {display:none}

/* ends here */
input[type=text], input[type=password], input[type=number], input[type=file], input[type=email] {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 1.42857;
    padding: 4px 1%;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 98%;
}
.btngroup input[type=image] {
    vertical-align: top;
    height: 38px;
    margin-left: 10px;
}
input[type=submit], button, input[type=button] {
    background-color: #ecac00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    border-bottom: #E18A00 solid 4px;
    color: #ffffff;
    cursor: pointer;
    font: 600 14px/20px 'Lato', sans-serif;
    padding: 7px 25px;
    text-decoration: none;
    margin-left: 10px;
    -webkit-appearance: none;
}
table.gridtable.paymetndetail tr.totalrow td {
    text-transform: uppercase;
    font: 700 15px/20px "Lato",sans-serif;
}