/* Minification failed. Returning unminified contents.
(2983,29): run-time error CSS1030: Expected identifier, found ' '
(2983,29): run-time error CSS1031: Expected selector, found ' '
(2983,29): run-time error CSS1025: Expected comma or open brace, found ' '
 */
/******************** Baseline grid: 13/18px ********************/
body								{ font-size: 75%; line-height: 1.5; /*12/18*/ }

h1, h2, h3, h4, h5, h6				{ position: relative; }
h1, h2								{ line-height: 36px; margin-bottom: 18px; }
h1, h2, h3, h4						{ margin-top: 18px; }
h3, h4, h5, h6						{ line-height: 18px; }
h1									{ font-size: 36px; top: 5px; }
h2									{ font-size: 28px; top: 8px; }
h3									{ font-size: 22px; top: 1px; }
h4									{ font-size: 18px; top: 2px; }
h5									{ font-size: 15px; top: 4px; }
h6									{ font-size: 13px; top: 5px; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child						{ margin-top: 0; }

p, pre, address						{ font-size: 13px; line-height: 18px; }
small								{ font-size: 11px; }
abbr, code, kbd,
samp, small, var					{ line-height: 15px; }
ul, ol, dl, dialog					{ font-size: 13px; list-style:none; }
li ul, li ol, ul ul, ol ol			{ top: 0; margin-top: 0; margin-bottom: 0; }
li h1, li h2, li h3,
li h4, li h5, li h6,
li p								{ top: 0; }
form, legend, label					{ font-size: 13px; line-height: 18px; }
legend								{ position: relative; top: 5px; }
table								{ font-size: 12px; }
caption								{ font-size: 13px; line-height: 18px; position: relative; }
hr									{ position: relative; height: 4px; margin: 18px 0 14px 0; }

/******************** Form ********************/

form                            { }
legend                            { padding-bottom: 18px; }
label                            { /*width: 100%; position: relative; top: 5px; margin-bottom: 18px; line-height: 18px; display: block;*/ }

input[type="text"]  { margin-bottom: -1px; display: block; }
input[type="password"],
input[type="select"],
input[type="search"]            { /*width: 100%;*/ margin-bottom: -1px; display: block; }

input[type="radio"]                { top: -1px; margin: 0 4px 3px 1px; }
input[type="checkbox"]            { top: -2px; margin: 0 4px 3px 1px; }
input[type="file"]                { margin: 0px 6px 3px 6px; }

input[type="submit"],
input[type="reset"],
input[type="button"]            { position: relative; top: 5px;}

select                            { display: block; margin: 0px; }
textarea                        { width: 99%; line-height: 18px; margin-bottom: -2px; display: block; clear: left; overflow: auto; }




/******************** Grid ********************/
#page                { width: 990px; position: relative; } /* 82.5em */
#page:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Base column markup */
.column                { margin-left: 18px; display: block; float: left; } /* 1.5em */
.colgroup            { display: block; float: left; }
.first                { margin-left: 0; clear: left; }
.gutter                { margin-left: 18px; } /* 1.5em */
.no-gutter            { margin-left: 0; }
.align-left            { float: left; }
.align-right        { float: right; text-align: right; }
.clear                { clear:both }
header,
section                { padding-bottom: 18px; }

.leading            { margin-bottom: 18px; } /* 1.5em */
.noleading            { margin-bottom: 0 !important; }        
 
/* Base column width */
.width1                { width: 234px; } /* 19.5em */
.width2                { width: 486px; } /* 40.5em */
.width3                { width: 738px; } /* 61.5em */
.width4                { width: 990px; margin-left: 0 !important; } /* 82.5em */
.full                { display: block; float: left; width: 100%; margin-left: 0 !important; }

/* Base column unit, 2 units = 1 column */
.unitx1                { width: 108px; } /* 9em */
.unitx2                { width: 234px; } /* 19.5em, Same as width1 */
.unitx3                { width: 360px; } /* 30em */
.unitx4                { width: 486px; } /* 40.5em, Same as width2 */
.unitx5                { width: 612px; } /* 51em */
.unitx6                { width: 738px; } /* 61.5em, Same as width3 */
.unitx7                { width: 864px; } /* 72em */
.unitx8                { width: 990px; margin-left: 0 !important; } /* 82.5em, Same as width4 */

/* CSS3 columns */
.columnsx2            { -webkit-column-count: 2; -webkit-column-gap: 18px; -moz-column-count: 2; -moz-column-gap: 18px; column-count: 2; column-gap: 18px; }
.columnsx4            { -webkit-column-count: 4; -webkit-column-gap: 18px; -moz-column-count: 4; -moz-column-gap: 18px; column-count: 4; column-gap: 18px; }

/******************** Table ********************/

/* Columns */
th.width1, td.width1            { width: 234px; }
th.width2, td.width2            { width: 486px; }
th.width3, td.width3            { width: 738px; }
th.width4, td.width4            { width: 990px; }

/* Units */
th.unitx1, th.unitx1            { width: 108px; }
th.unitx2, td.unitx2            { width: 234px; }
th.unitx3, td.unitx3            { width: 360px; }
th.unitx4, td.unitx4            { width: 486px; }
th.unitx5, td.unitx5            { width: 612px; }
th.unitx6, td.unitx6            { width: 738px; }
th.unitx7, td.unitx7            { width: 864px; }
th.unitx8, td.unitx8            { width: 990px; }

/******************** Forms ********************/
label.width1, label.width2,
label.width3, label.width4        { margin-left: 18px; float: left; }

label.unitx1, label.unitx2,
label.unitx3, label.unitx4,
label.unitx5, label.unitx6,
label.unitx7, label.unitx8        { margin-left: 18px; float: left; }
label.first                        { margin-left: 0; }

label.width4, label.unitx8        { width: 990px; overflow: hidden; }

label.width1 input[type="text"], label.width1 input[type="password"], label.width1 input[type="select"], label.width1 input[type="search"]    { width: 228px; }
label.width2 input[type="text"], label.width2 input[type="password"], label.width2 input[type="select"], label.width2 input[type="search"]    { width: 480px; }
label.width3 input[type="text"], label.width3 input[type="password"], label.width3 input[type="select"], label.width3 input[type="search"]    { width: 732px; }
label.width4 input[type="text"], label.width4 input[type="password"], label.width4 input[type="select"], label.width4 input[type="search"]    { width: 984px; }

label.width1 select                { width: 234px; }
label.width2 select                { width: 486px; }
label.width3 select                { width: 738px; }
label.width4 select                { width: 990px; }

label.unitx1 input[type="text"], label.unitx1 input[type="password"], label.unitx1 input[type="select"], label.unitx1 input[type="search"]    { width: 102px; }
label.unitx2 input[type="text"], label.unitx2 input[type="password"], label.unitx2 input[type="select"], label.unitx2 input[type="search"]    { width: 228px; }
label.unitx3 input[type="text"], label.unitx3 input[type="password"], label.unitx3 input[type="select"], label.unitx3 input[type="search"]    { width: 354px; }
label.unitx4 input[type="text"], label.unitx4 input[type="password"], label.unitx4 input[type="select"], label.unitx4 input[type="search"]    { width: 480px; }
label.unitx5 input[type="text"], label.unitx5 input[type="password"], label.unitx5 input[type="select"], label.unitx5 input[type="search"]    { width: 606px; }
label.unitx6 input[type="text"], label.unitx6 input[type="password"], label.unitx6 input[type="select"], label.unitx6 input[type="search"]    { width: 732px; }
label.unitx7 input[type="text"], label.unitx7 input[type="password"], label.unitx7 input[type="select"], label.unitx7 input[type="search"]    { width: 858px; }
label.unitx8 input[type="text"], label.unitx8 input[type="password"], label.unitx8 input[type="select"], label.unitx8 input[type="search"]    { width: 984px; }

label.unitx1 select                { width: 108px; }
label.unitx2 select                { width: 234px; }
label.unitx3 select                { width: 360px; }
label.unitx4 select                { width: 486px; }
label.unitx5 select                { width: 612px; }
label.unitx6 select                { width: 738px; }
label.unitx7 select                { width: 864px; }
label.unitx8 select                { width: 990px; }
code, pre, xmp {
    border: 1px solid #CCCCCC;
    clear: both;
    color: #555555;
    display: block;
    font: 12px/1.5 Courier,"Courier New",monospace;
    margin-bottom: 10px;
    overflow: auto;
    padding: 0 10px;
    white-space: pre;
}

.with-outline {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    margin: 0 -7px 25px -7px;
    padding: 10px 20px;
}

blockquote {
    color: #8A8A8A;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    font-style: italic;
    line-height: 1.4em;
    margin: 0 0 15px;
}

.hlight_black25, .hlight {
    background-color: #dedede;
    padding: 2px 4px;
    text-shadow: 0 1px 0 #fff;
}

.hlight_black50 {
    background-color: #bbb;
    padding: 2px 4px;
    text-shadow: 0 1px 0 #ddd;
    color: #222;
}

.hlight_red {
    background-color: #A71216;
    padding: 2px 4px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    color: #fff;
}

.hlight_blue {
    background-color: #365985;
    padding: 2px 4px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    color: #fff;
}

.hlight_green {
    background-color: #1A7340;
    padding: 2px 4px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    color: #fff;
}

.hlight_yellow {
    background-color: #C9E047;
    padding: 2px 4px;
    text-shadow: 0 1px 0 #FFF;
    color: #333;
}

a:hover .zoom-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

img.shadow {
    padding: 4px;
    border: 1px solid #ededed;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    img.shadow:hover {
        border: 1px solid #1592CC;
        box-shadow: 0 0 5px #1592CC;
    }

/* warning boxes */
.info, .success, .warning, .error {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/Images/Home/icons/icon-info.png');
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/Images/Home/icons/icon-tick.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/Images/Home/icons/icon-warning.png');
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/Images/Home/icons/icon-cross.png');
}


/* CUSTOM LISTS */
.mainbody ul {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 20px;
}

ul.list-type-1, ul.list-type-2, ul.list-type-3, ul.list-type-4, ul.list-type-5, ul.list-type-6, ul.list-type-7, ul.list-type-8, ul.list-type-9 {
    padding-left: 0;
    margin-bottom: 20px;
    margin-left: 0px;
}

    ul.list-type-1 li {
        padding-left: 15px;
        list-style: none;
        background: url(/Images/Home/icons/bullet-list_01.png) no-repeat 0 0;
        line-height: 20px;
    }

    ul.list-type-2 li {
        padding-left: 15px;
        list-style: none;
        background: url(/Images/Home/icons/bullet-list_02.png) no-repeat 0 0;
        line-height: 20px;
    }

    ul.list-type-3 li {
        padding-left: 15px;
        list-style: none;
        background: url(/Images/Home/icons/bullet-list_03.png) no-repeat 0 0;
        line-height: 20px;
    }

    ul.list-type-4 li {
        padding-left: 25px;
        list-style: none;
        background: url(/Images/Home/icons/bullet-list_04.png) no-repeat 0 0;
        line-height: 20px;
        margin-bottom: 5px;
    }

    ul.list-type-5 li {
        padding-left: 25px;
        list-style: none;
        background: url(/Images/Home/icons/bullet-list_05.png) no-repeat 0 0;
        line-height: 20px;
        margin-bottom: 5px;
    }

    ul.list-type-6 li {
        padding-left: 25px;
        list-style: none;
        background: url(/Images/Home/icons/bullet-list_06.png) no-repeat 0 0;
        line-height: 20px;
        margin-bottom: 5px;
    }

    ul.list-type-7 li {
        padding-left: 25px;
        list-style: none;
        background: url(/Images/Home/icons/bullet-list_07.png) no-repeat 0 0;
        line-height: 20px;
        margin-bottom: 5px;
    }

    ul.list-type-8 li {
        padding-left: 25px;
        list-style: none;
        background: url(/Images/Home/icons/bullet-list_08.png) no-repeat 0 0;
        line-height: 20px;
        margin-bottom: 5px;
    }

    ul.list-type-9 li {
        padding-left: 25px;
        list-style: none;
        background: url(/Images/Home/icons/bullet-list_09.png) no-repeat 0 0;
        line-height: 20px;
        margin-bottom: 5px;
    }


/* buttons variation */
.btn-style1 {
    background: #e3e3e3;
    border: 1px solid #bbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333;
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 1;
    padding: 4px 8px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}

    .btn-style1.rounded {
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        padding-left: 13px;
        padding-right: 13px;
    }

    .btn-style1:hover {
        background: #d9d9d9;
        -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
        -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
        box-shadow: inset 0 0 1px 1px #eaeaea;
        color: #222;
        cursor: pointer;
    }

    .btn-style1:active {
        background: #d0d0d0;
        -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
        -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
        box-shadow: inset 0 0 1px 1px #e3e3e3;
        color: #000;
    }

.btn-style2 {
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding: 4px 8px;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
}

    .btn-style2.rounded {
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        padding-left: 13px;
        padding-right: 13px;
    }

    .btn-style2:hover {
        background: #ddd;
        background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
        border: 1px solid #bbb;
        border-bottom: 1px solid #999;
        cursor: pointer;
        text-shadow: 0 1px 0 #ddd;
    }

    .btn-style2:active {
        border: 1px solid #aaa;
        border-bottom: 1px solid #888;
        -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
        -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
        box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
    }

.big-button {
    background: #cccccc;
    background: -moz-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#bbbbbb));
    background: -webkit-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    background: -o-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    background: -ms-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bbbbbb',GradientType=0 );
    background: linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    color: #FFF;
    cursor: pointer;
    font-size: 19px;
    font-weight: bold;
    padding: 14px 25px;
    overflow: visible;
    display: inline-block;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), inset 0 -1px 1px rgba(0,0,0,0.3), 0 5px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), inset 0 -1px 1px rgba(0,0,0,0.3), 0 5px 7px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), inset 0 -1px 1px rgba(0,0,0,0.3), 0 5px 7px rgba(0,0,0,0.3);
}

    .big-button:hover {
        color: #fff;
        background: #bbbbbb;
        background: -moz-linear-gradient(top, #bbbbbb 0%, #cccccc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#cccccc));
        background: -webkit-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
        background: -o-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
        background: -ms-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#cccccc',GradientType=0 );
        background: linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
    }

.medium-button {
    background: #cccccc;
    background: -moz-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#bbbbbb));
    background: -webkit-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    background: -o-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    background: -ms-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bbbbbb',GradientType=0 );
    background: linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    color: #FFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 20px;
    overflow: visible;
    display: inline-block;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
}

    .medium-button:hover {
        color: #fff;
        background: #bbbbbb;
        background: -moz-linear-gradient(top, #bbbbbb 0%, #cccccc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#cccccc));
        background: -webkit-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
        background: -o-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
        background: -ms-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#cccccc',GradientType=0 );
        background: linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
    }

.small-button {
    background: #cccccc;
    background: -moz-linear-gradient(top, #cccccc 0%, #bbbbbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#bbbbbb));
    background: -webkit-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    background: -o-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    background: -ms-linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bbbbbb',GradientType=0 );
    background: linear-gradient(top, #cccccc 0%,#bbbbbb 100%);
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    /*padding: 4px 12px;*/
    overflow: visible;
    display: inline-block;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
}

    .small-button:hover {
        color: #fff;
        background: #bbbbbb;
        background: -moz-linear-gradient(top, #bbbbbb 0%, #cccccc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#cccccc));
        background: -webkit-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
        background: -o-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
        background: -ms-linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#cccccc',GradientType=0 );
        background: linear-gradient(top, #bbbbbb 0%,#cccccc 100%);
    }

/* Gradient Colors */
.blue {
    background: #2e9fd8;
    background: -moz-linear-gradient(top, #4C9C3C 0%, #136C13 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C9C3C), color-stop(100%,#136C13));
    background: -webkit-linear-gradient(top, #4C9C3C 0%,#136C13 100%);
    background: -o-linear-gradient(top, #4C9C3C 0%,#136C13 100%);
    background: -ms-linear-gradient(top, #4C9C3C 0%,#136C13 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C9C3C', endColorstr='#136C13',GradientType=0 );
    background: linear-gradient(top, #4C9C3C 0%,#136C13 100%);
}

a.blue:hover {
    background: #0c72a4;
    background: -moz-linear-gradient(top, #4C9C3C 0%, #136C13 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C9C3C), color-stop(100%,#136C13));
    background: -webkit-linear-gradient(top, #4C9C3C 0%,#136C13 100%);
    background: -o-linear-gradient(top, #4C9C3C 0%,#136C13 100%);
    background: -ms-linear-gradient(top, #4C9C3C 0%,#136C13 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C9C3C', endColorstr='#136C13',GradientType=0 );
    background: linear-gradient(top, #4C9C3C 0%,#136C13 100%);
}

.green {
    background: #b7df63;
    background: -moz-linear-gradient(top, #b7df63 0%, #74ab00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7df63), color-stop(100%,#74ab00));
    background: -webkit-linear-gradient(top, #b7df63 0%,#74ab00 100%);
    background: -o-linear-gradient(top, #b7df63 0%,#74ab00 100%);
    background: -ms-linear-gradient(top, #b7df63 0%,#74ab00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7df63', endColorstr='#74ab00',GradientType=0 );
    background: linear-gradient(top, #b7df63 0%,#74ab00 100%);
}

a.green:hover {
    background: #74ab00;
    background: -moz-linear-gradient(top, #74ab00 0%, #b7df63 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74ab00), color-stop(100%,#b7df63));
    background: -webkit-linear-gradient(top, #74ab00 0%,#b7df63 100%);
    background: -o-linear-gradient(top, #74ab00 0%,#b7df63 100%);
    background: -ms-linear-gradient(top, #74ab00 0%,#b7df63 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74ab00', endColorstr='#b7df63',GradientType=0 );
    background: linear-gradient(top, #74ab00 0%,#b7df63 100%);
}

.yellow {
    background: #ffd700;
    background: -moz-linear-gradient(top, #ffd700 0%, #ffaf00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd700), color-stop(100%,#ffaf00));
    background: -webkit-linear-gradient(top, #ffd700 0%,#ffaf00 100%);
    background: -o-linear-gradient(top, #ffd700 0%,#ffaf00 100%);
    background: -ms-linear-gradient(top, #ffd700 0%,#ffaf00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd700', endColorstr='#ffaf00',GradientType=0 );
    background: linear-gradient(top, #ffd700 0%,#ffaf00 100%);
}

a.yellow:hover {
    background: #ffaf00;
    background: -moz-linear-gradient(top, #ffaf00 0%, #ffd700 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf00), color-stop(100%,#ffd700));
    background: -webkit-linear-gradient(top, #ffaf00 0%,#ffd700 100%);
    background: -o-linear-gradient(top, #ffaf00 0%,#ffd700 100%);
    background: -ms-linear-gradient(top, #ffaf00 0%,#ffd700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf00', endColorstr='#ffd700',GradientType=0 );
    background: linear-gradient(top, #ffaf00 0%,#ffd700 100%);
}

.red {
    background: #d11313;
    background: -moz-linear-gradient(top, #d11313 0%, #a30a0a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d11313), color-stop(100%,#a30a0a));
    background: -webkit-linear-gradient(top, #d11313 0%,#a30a0a 100%);
    background: -o-linear-gradient(top, #d11313 0%,#a30a0a 100%);
    background: -ms-linear-gradient(top, #d11313 0%,#a30a0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11313', endColorstr='#a30a0a',GradientType=0 );
    background: linear-gradient(top, #d11313 0%,#a30a0a 100%);
}

a.red:hover {
    background: #a30a0a;
    background: -moz-linear-gradient(top, #a30a0a 0%, #d11313 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a30a0a), color-stop(100%,#d11313));
    background: -webkit-linear-gradient(top, #a30a0a 0%,#d11313 100%);
    background: -o-linear-gradient(top, #a30a0a 0%,#d11313 100%);
    background: -ms-linear-gradient(top, #a30a0a 0%,#d11313 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a30a0a', endColorstr='#d11313',GradientType=0 );
    background: linear-gradient(top, #a30a0a 0%,#d11313 100%);
}

/* FORM Components */
form > div {
    margin-bottom: 10px;
}

form label {
    color: #454545;
}

.infield form > div, form.infield > p {
    position: relative;
}

.infield form label {
    position: absolute;
    left: 7px;
    top: 5px;
    font-size: 11px;
    color: #888;
}

.form-preset input[type=text], .form-preset input[type=password] {
    width: 240px;
}

.form-preset textarea {
    width: 450px;
}

/* INPUT, TEXTAREA, SUBMIT */
input {
    margin: 0;
    padding: 0;
}

    input[type=text], input[type=password], input[type=email], textarea {
        border: 1px solid #e3e3e3;
        padding: 7px;
        font-size: 11px;
        color: #777;
    }

    input[type=text], input[type=password], input[type=email], textarea, select {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
        background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        outline: 0 none !important;
    }

        input[type=text].rounded, input[type=password].rounded, input[type=email].rounded, textarea.rounded, select.rounded, input[type=submit].rounded, button.rounded {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

        input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, textarea:hover {
            border: 1px solid #b4b4b4;
        }

    input[type="submit"], input[type="button"] {
        padding: 4px 14px;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,0.5);
        text-transform: uppercase;
        cursor: pointer;
        border: 1px solid #444;
        -webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset;
        -moz-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset;
    }

        input[type="submit"]:hover, input[type="button"]:hover {
            -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset;
            -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset;
        }

        input[type="submit"]:active, input[type="button"]:active {
            -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset;
            -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset;
        }

    input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
        border: 1px solid #1592CC;
        box-shadow: 0 0 3px #1592CC;
    }

    input[type="submit"], input[type="button"] {
        background: none repeat scroll 0 0 #005F00;
    }

/* you can activate the rounded fields only setting the .rounded-fields class to the parent form */
.rounded-fields input[type=text], .rounded-fields input[type=password], .rounded-fields input[type=email], .rounded-fields textarea, .rounded-fields select, .rounded-fields input[type=submit], .rounded-fields button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

select {
    padding: 7px;
    border: 1px solid #e3e3e3;
}

    select:hover {
        border: 1px solid #b4b4b4;
    }


/* TABLES */
table th {
    background: none repeat scroll 0 0 #4E7623;
    border-bottom: 2px solid #DDDDDD;
    font-weight: bold;
    padding: 5px;
    font-family: Verdana;
}

table tr.even td {
    background: none repeat scroll 0 0 #e7f5e8;
    border-bottom: 1px solid #DDDDDD;
    padding: 0px;
    color: #000;
    font-family: Verdana;
    position: relative;
    text-overflow: ellipsis;
}

table tr.odd td {
    background: none repeat scroll 0 0 #EEE;
    border-bottom: 1px solid #DDDDDD;
    padding: 0px;
    color: #000;
    font-family: Verdana;
    position: relative;
    text-overflow: ellipsis;
}



/*table style grid*/
.grid-wrap {
    padding: 0;
    position: relative;
}

.grid-empty-text {
    color: #666666;
}

table.grid-table tr.grid-row {
}

table.grid-table tr.grid-row-selected td {
    background: none repeat scroll 0 0 #0086C7 !important;
    color: white;
}

table.grid-table tr.grid-row-selected a {
    color: white;
}

table.grid-table .grid-header-sorted {
}

table.grid-table th, table.grid-table td {
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

table.grid-table tbody tr:nth-child(2n+1) td, table.grid-table tbody tr:nth-child(2n+1) th {
    background-color: #F9F9F9;
}

/*table style zebra*/
table.zebra-style {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    text-align: left;
    margin-bottom: 25px;
}

    table.zebra-style th {
        color: #444;
        font-size: 14px;
        font-weight: normal;
        padding: 10px 8px;
    }

    table.zebra-style td {
        color: #777;
        padding: 8px;
    }

    table.zebra-style tr.odd {
        background: #f2f2f2;
    }

/*table style minimal*/
table.minimal-style {
    background: #FFFFFF;
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    text-align: left;
    min-width: 480px;
    margin-bottom: 25px;
}

    table.minimal-style th {
        border-bottom: 2px solid #444;
        color: #666666;
        font-size: 14px;
        font-weight: normal;
        padding: 10px;
    }

    table.minimal-style td {
        border-bottom: 1px solid #CCCCCC;
        color: #999;
        padding: 8px 10px;
    }

    table.minimal-style tbody tr:hover td {
        color: #444;
    }

/*table style box-style*/
table.box-style {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    min-width: 480px;
    text-align: left;
    border-collapse: collapse;
    margin-bottom: 25px;
}

    table.box-style th {
        font-size: 14px;
        font-weight: normal;
        background: #ccc;
        border-top: 4px solid #ddd;
        border-bottom: 1px solid #fff;
        color: #666666;
        padding: 10px;
    }

    table.box-style td {
        background: #f9f9f9;
        border-bottom: 1px solid #fff;
        color: #999;
        border-top: 1px solid transparent;
        padding: 8px 10px;
    }

    table.box-style tr:hover td {
        background: #eee;
        color: #444;
    }

/*table style onecol*/
.onecol-style {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    min-width: 480px;
    text-align: left;
    border-collapse: separate !important;
    border-spacing: 0;
    margin-bottom: 25px;
}

    .onecol-style th {
        font-size: 14px;
        font-weight: normal;
        color: #666666;
        padding: 12px 15px;
    }

    .onecol-style td {
        color: #999;
        border-top: 1px solid #ccc;
        padding: 10px 15px;
    }

.onecol-first {
    background: #dedede;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.onecol-style tr:hover td {
    color: #444;
    background: #eee;
}

/*table style simple*/
.simple-style {
    border-top: 1px solid #CFCFCF;
    border-left: 1px solid #CFCFCF;
    border-right: 0;
    border-bottom: 0;
    width: 100%;
}

    .simple-style td, .simple-style th {
        border-right: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
        text-align: center;
        padding: 5px 0;
        width: 20%;
    }

    .simple-style th {
        background-color: #dedede;
        font-size: 120%;
        text-shadow: 0 1px 0 #fff;
    }

    .simple-style tr:nth-child(even) {
        background: #fff;
    }

    .simple-style tr:nth-child(odd) {
        background: #F6F6F6;
    }

.simp-tabs { 
    list-style: none; 
    margin-top: 0;
    /*margin: 60px auto 0; */
    width: 100%;
    height: 10px;
}
.simp-tabs:after{
    clear:both;
}
.tabcontent{
    background: none repeat scroll 0 0 #2A4561;
    border-radius: 10px 10px 10px 10px;
   margin: 10px 10px 10px; 
    padding: 1px;
}
.tabcontent .tabinner{
    background-color: #FFF;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 2px 15px;
}
.simp-tabs li { 
  /* Makes a horizontal row */
    float: left; 
    /* So the psueudo elements can be abs. positioned inside */
    position: relative; 
}
.simp-tabs a { 
  /* Make them block level and only as wide as they need */
  float: left; 
  padding: 5px 20px; 
  text-decoration: none;
  
  /* Default colors */ 
  color: black;
  background: #5082B7; 
  
  /* Only round the top corners */
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; 
}
.simp-tabs .active {
  /* Highest, active tab is on top */
  z-index: 3;
}
.simp-tabs .active a { 
  /* Colors when tab is active */
  background: #2A4561; 
  color: #FFF; 
}
.simp-tabs li:before, .simp-tabs li:after, 
.simp-tabs li a:before, .simp-tabs li a:after {
  /* All pseudo elements are abs. positioned and on bottom */
  position: absolute;
  bottom: 0;
}
/* Only the first, last, and active
   simp-tabs need pseudo elements at all */
.simp-tabs li:last-child:after,   .simp-tabs li:last-child a:after,
.simp-tabs li:first-child:before, .simp-tabs li:first-child a:before,
.simp-tabs .active:after,   .simp-tabs .active:before, 
.simp-tabs .active a:after, .simp-tabs .active a:before {
  content: "";
}
.simp-tabs .active:before, .simp-tabs .active:after {
  background: #2A4561; 
  
  /* Squares below circles */
  z-index: 1;
}
/* Squares */
.simp-tabs li:before, .simp-tabs li:after {
  background: #5082B7;
  width: 10px;
  height: 10px;
}
.simp-tabs li:before {
  left: -10px;      
}
.simp-tabs li:after { 
  right: -10px;
}
/* Circles */
.simp-tabs li a:after, .simp-tabs li a:before {
  width: 20px; 
  height: 20px;
  /* Circles are circular */
  -webkit-border-radius: 10px;
  -moz-border-radius:    10px;
  border-radius:         10px;
  background: #FFF;
  
  /* Circles over squares */
  z-index: 2;
}
.simp-tabs .active a:after, .simp-tabs .active a:before {
  background: #5082B7;
}
/* First and last simp-tabs have different outside color needs */
.simp-tabs li:first-child.active a:before,
.simp-tabs li:last-child.active a:after {
  background: #FFF;
}
.simp-tabs li a:before {
  left: -20px;
}
.simp-tabs li a:after {
  right: -20px;
}
.simp-tabs li a:hover {
  color:#FFF;
}
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}




    /*-------- * Tooltips! *-------------*/

    /* Base styles for the element that has a tooltip */
    [data-tooltip],
    .tooltip {
        position: relative;
        cursor: pointer;
    }

        /* Base styles for the entire tooltip */
        [data-tooltip]:before,
        [data-tooltip]:after,
        .tooltip:before,
        .tooltip:after {
            position: absolute;
            visibility: hidden;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0.8;
            -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
            -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
            transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            pointer-events: none;
        }

        /* Show the entire tooltip on hover and focus */
        [data-tooltip]:hover:before,
        [data-tooltip]:hover:after,
        [data-tooltip]:focus:before,
        [data-tooltip]:focus:after,
        .tooltip:hover:before,
        .tooltip:hover:after,
        .tooltip:focus:before,
        .tooltip:focus:after {
            visibility: visible;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 0.8;
        }

        /* Base styles for the tooltip's directional arrow */
        .tooltip:before,
        [data-tooltip]:before {
            z-index: 1001;
            border: 6px solid transparent;
            background: transparent;
            content: "";
        }

        /* Base styles for the tooltip's content area */
        .tooltip:after,
        [data-tooltip]:after {
            z-index: 1000;
            padding: 6px;
            width: auto;
            background-color: #000;
            background-color: hsla(0, 0%, 20%, 0.9);
            color: #fff;
            content: attr(data-tooltip);
            font-size: 14px;
            line-height: 1.2;
        }

    /* Directions */

    /* Right */
    .tooltip-right:before,
    .tooltip-right:after {
        bottom: 50%;
        left: 100%;
    }

    .tooltip-right:before {
        margin-bottom: 0;
        margin-left: -12px;
        border-top-color: transparent;
        border-right-color: #000;
        border-right-color: hsla(0, 0%, 20%, 0.9);
    }

    .tooltip-right:hover:before,
    .tooltip-right:hover:after,
    .tooltip-right:focus:before,
    .tooltip-right:focus:after {
        -webkit-transform: translateX(12px);
        -moz-transform: translateX(12px);
        transform: translateX(12px);
    }

    /* Move directional arrows down a bit for left/right tooltips */
    .tooltip-left:before,
    .tooltip-right:before {
        top: 9px;
    }

    /* Vertically center tooltip content for left/right tooltips */
    .tooltip-left:after,
    .tooltip-right:after {
        margin-left: 0;
        margin-bottom: -16px;
    }
    /*-------- * End Of Tooltips! *-------------*/
.jcarousel-skin-tango .jcarousel-container { }
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal { /*width: 245px;    */  padding: 8px 40px;}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  100%;  height: 81px;}
.jcarousel-skin-tango .jcarousel-item img {padding:2px; border:1px solid #ededed;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.jcarousel-skin-tango .jcarousel-item img:hover {  border: 1px solid #1592CC; box-shadow: 0 0 5px #1592CC;}
.jcarousel-skin-tango .jcarousel-item { width: 117px; height: 81px;}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}




.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}



/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 30px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/Images/Home/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/Images/Home/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 30px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/Images/Home/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/Images/Home/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/*anoop start*/


.validation_Errors {
    font-weight: bold;
    color: #f00;
}

.BusyLoadingserver {
    margin: 0px;
     padding: 0px; 
     position: fixed; 
     right: 0px; top: 0px; width: 100%; height: 100%;
     z-index: 30001;
    opacity: .8; filter: alpha(opacity=70);display:none;
}
.bsyLodImg {

    position: absolute; top: 30%; left: 45%; color: black; font:bold;
}
.mem-header {
     padding-bottom:5px; font-size:large; text-align:center;
}
.mem-text {
     padding-bottom:3px; font-size:small; text-align:center;
}

.roundshadowboxnotice{
    border-radius:5px 5px 5px 5px;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);    
    padding:10px;
}
.notice_padding {
    padding-bottom:5px;
}
.member_text-indent {
    text-indent: 55px;
}
.alignleft {
    text-align:left;
}
.table-style td, .table-style th {
     text-align:left;
     vertical-align:text-top;
        
}
.table_padding {
    padding-bottom:8px;
}
.search_padding {
    padding-bottom:12px;
}

/*table simple-table-style*/
.simple-table-style {border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:0; border-bottom:0; width:100%;}
.simple-table-style td, .simple-style th {border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; text-align:left; padding:5px 0; padding-left:0px;}
.simple-table-style th {background-color:#dedede; font-size:115%;text-shadow: 0 1px 0 #fff;text-align:left;padding-left:1px;}
.simple-table-style tr:nth-child(even) {background: #fff;}
.simple-table-style tr:nth-child(odd) {background: #F6F6F6;}

.simple-table-style2 {border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:0; border-bottom:0; width:100%;}
.simple-table-style2 td, .simple-style th {border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; text-align:left; padding:5px 0; padding-left:0px;}
.simple-table-style2 th {background-color:#bebebe; font-size:115%;text-shadow: 0 1px 0 #fff;text-align:left;padding-left:1px;}
.simple-table-style2 tr:nth-child(even) {background: #fff;}
.simple-table-style2 tr:nth-child(odd) {background: #FFFFF3;}

.simple-table-style3 {border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:0; border-bottom:0; width:100%;}
.simple-table-style3 td, .simple-style th {border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; text-align:left; padding:5px 0; padding-left:0px;}
.simple-table-style3 th {background-color:#a8a8a8; font-size:115%;text-shadow: 0 1px 0 #fff;text-align:left;padding-left:1px;}
.simple-table-style3 tr:nth-child(even) {background: #fff;}
.simple-table-style3 tr:nth-child(odd) {background: #fff3f3;}
/*Sunil's Code for table desin*/
/*Begin*/
/*table simple-table-design*/
.simple-table-design {/*border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:0; border-bottom:0;*/ width:100%;}
.simple-table-design td {background-color:#cddcc7;/*border-right:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;*/ text-align:left; padding:5px 0; padding-left:0px;}
.simple-table-design th {background-color:#dedede; font-size:115%;text-shadow: 0 1px 0 #fff;text-align:left;padding-left:1px;}
/*.simple-table-design tr:nth-child(even) {background: #fff;}
.simple-table-design tr:nth-child(odd) {background: #F6F6F6;}*/
/*End*/
.breadcrumb_base {
    /*position:relative;*/
}
.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #0079b6;
  font-size: 120%;
  font-weight: bold;
  float: left;
  left:0px;
}

.accordion-margin {
    margin: -18px 0 0 24px;
}
.grid_th {
    border-color: #A59898;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    background-color: #C5C5C5;
    text-align: left;
}
.user_info {
    text-align: right; 
    padding-right:20px;
    /*position:absolute;*/
    right:0;
    padding-top: 7px;   
    float:right;
}


img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 0px 0px 0px;
}
.sec_postn {
    text-align:center;
    padding:10px;
}
.secrtr_name {
     text-align:center;
    padding:10px;
}

/*anoop- End*/
/* Sanish Start*/

#plugin_container {
    width:500px;
    height:420px;
    position:relative;
    background:url(../images/htc_hero_wallpaper_02.jpg);
    overflow:hidden;
    font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
    color:#fff;
}

#plugin_container p {
    margin:0;
    padding:0;
}

#left_arrow, #right_arrow {
    position:absolute;
    top:200px;
    z-index:200;
    cursor:pointer;
}

#left_arrow {
    left:5px;
}

#right_arrow {
    right:5px;
}

#digital_container {
    width:400px;
    height:360px;
    background:url(/Images/Home/ClockWeather/background.png) 50% 40px no-repeat;
    position:absolute;
    top:0px;
    left:33px;
    z-index:98;
}


#clock {
    float:left;
    margin-left:48px;
}

#hours, #minutes {
    width:150px;
    height:150px;
    float:left;
    position:relative;
    background:url(/Images/Home/ClockWeather/clock/clockbg1.png) no-repeat scroll 0 0 transparent;
}
    #hours .digit, #minutes .digit {
        width:90px;
        font-size:90px;
        float:left;
    }
    #hours .digit, #minutes .digit {
        margin:12px 5px 15px 20px;
    }    

    #hours .digit2, #minutes .digit2 {
        margin:12px 5px 15px;
    }

#minutes {
    margin-left:4px;
}
#minutes .digitAMPM {
    float: right;
    font-size: 25px;
    margin-right: 22px;
    margin-top: -40px;
}

#hours_bg, #minutes_bg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:99;
}

.first_digit {
    width:80px;
    height:100%;
    position:absolute;
    top:0;
    left:20px;
    z-index:100;
}

.second_digit {
    width:80px;
    height:100%;
    position:absolute;
    top:0;
    left:100px;
    z-index:100;
}

.line {
    width:175px;
    height:2px;
    background:#efefef;
    position:absolute;
    top:97px;
    left:12px;
    z-index:101;
    font-size:1px;
}

#am_pm {
    position:absolute;
    top:156px;
    left:130px;
    z-index:110;
}

#weather {
    color: #FFFFFF;
    height: 200px;
    left: 0;
    margin-top: -54px;
    position: absolute;
    top: 140px;
    width: 100%;
    z-index: 10;
}

#weather #local, #weather .loading {
    float:left;
    margin:10px 0 0;
}

.city {
    font-weight:bold;
    font-size:12pt;
    margin-top:60px;
}

.temp {
    font-size:30pt;
    padding:0;
}

.temp .metric {
    margin-left:-3px;
}

#weather #temp {
    float:right;
    margin:69px 24px 0 0;
    text-align:right;
}

#weather #date {
    font-size:11pt;
    padding-right:2px;
}

#forecast_container {
    width:400px;
    height:275px;
    background:url(/Images/Home/ClockWeather/weatherbg.png) 50% 100% no-repeat;
    position:absolute;
    top:0;
    left:0px;
    margin-left:30px;
    z-index:98;
    color:#fff;
}

#forecast_container #current {
    width:400px;
    height:235px;
    margin-left:0px;
    position:relative;
}

#forecast_container .loading {
    margin:130px 0 0 70px;
}

#forecast_container #current .temp, #forecast_container #current .high_low {
    width:116px;
    text-align:center;
}

#forecast_container #current .temp {
    font-size:32pt;
    margin-top:80px;
    float:left
}

#forecast_container #current .high_low {
    font-size:12pt;
    clear:both;
}

#forecast_container #current .city, #forecast_container #current .text {
    text-align:center;
}

#forecast_container #current .text {
    margin-top:6px;
}

#forecast_container #forecast {
    width:400px;
    height:100px;
    list-style:none;
    margin:-60px 0 0;
    padding:0;
}

#forecast_container #forecast li {
    width:25%;
    height:100%;
    float:left;
    text-align:center;
}

#forecast_container #forecast li p {
    width:100%;
    height:15px;
    margin:0;
    padding:0;
    font-size:11pt;
    line-height:15px;
}

#forecast_container #forecast li img {
    width:90px;
}

#forecast_container #update {
    text-align:center;
    margin-top:10px;
    font-size:11px;
}

#forecast_container #update img {
    margin:-2px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
}


/* Sanish END*/

body {
    font: 80%/1.3 Arial,sans-serif;
}

body {
    margin: 0;
    /*padding:0 right-sidebar-<length> 0 left-sidebar-<length>;*/
    padding: 0 175px 0 175px;
    /*padding: 0;*/
}

@font-face {
    font-family: 'Blokletters-Balpen';
    src: url('/Content/SBL/font/Blokletters-Balpen.eot');
    src: local('☺'), url('/Content/SBL/font/Blokletters-Balpen.woff') format('woff'), url('/Content/SBL/font/Blokletters-Balpen.ttf') format('truetype'), url('/Content/SBL/font/Blokletters-Balpen.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

div#left-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    /*width:left-sidebar-<length>;*/
    width: 175px;
    height: 100%;
    /*  margin : 10px 0;*/
}

div#right-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    /*width:right-sidebar-<length>;*/
    width: 175px;
    height: 100%;
}

@media screen {
    body > div#left-sidebar {
        position: fixed;
    }

    body > div#right-sidebar {
        position: fixed;
    }
}

* html body {
    overflow: hidden;
}

* html div#content {
    height: 100%;
    overflow: auto;
}

.filter-type {
    border-bottom: 1px dotted #666;
}

h1 {
    margin: 0;
    padding: 1em;
    font-size: 1.5em;
    font-weight: bold;
}

    h1 span {
        font-size: .667em;
    }

h2 {
    margin: 0;
    padding: 1em 1.25em;
    font-size: 1.2em;
    font-weight: bold;
}

h3 {
    margin: 0;
    padding: 1em 1.5em;
    font-size: 1em;
    font-weight: bold;
}

pre {
    margin: .5em 1.5em;
    padding: .3em;
    color: #000;
    background: #fff;
}

    pre, pre code, pre var {
        font: 1em/1 "courier new",monospace;
    }

        pre var {
            font-style: oblique;
        }

        pre code.markup.comment {
            font-style: oblique;
            color: green;
        }

        pre code.markup.doctype {
            font-style: oblique;
            color: teal;
        }

        pre code.markup.element-name {
            font-weight: bold;
            color: purple;
        }

        pre code.markup.attribute-name {
            font-weight: bold;
            color: black;
        }

        pre code.markup.attribute-value {
            font-weight: normal;
            color: blue;
        }

p {
    margin: 0;
    padding: .5em 1.5em;
}

.clear {
    clear: both;
}

div#left-sidebar {
    color: black;
    border-right: 3px solid #E3E3E3;
}

div#right-sidebar {
    color: black;
    border-left: 3px solid #E3E3E3;
}

/* -------- main content section ------------------------*/

header {
    /*background: url("/Images/Common/vertshadow.png") no-repeat scroll center bottom transparent;*/
    padding-bottom: inherit;
}

    header:after {
        clear: both;
        content: "";
    }

.headerinner {
    /*background: url("/Images/Common/diag_bg.png") repeat scroll 0 0 transparent;*/
    height: 110px;
}

    .headerinner .bgslide {
        position: relative;
    }

.bgslide .bgslider {
    position: absolute;
    right: 0;
    top: 0;
    height: 105px;
    width: 100%;
}

.headerinner .bgslide #slideshow {
}

    .headerinner .bgslide #slideshow img {
        position: absolute;
        top: 0;
        right: 3px;
    }

.logolang {
    width: 100%;
    height: 94px;
    position: relative;
}

.innerpage .logolang {
    height: 50px;
}

.logolang .logo {
    /*    float: left; */
    position: absolute;
    top: 0;
    left: 0;
    min-width: 300px;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

    .logolang .logo .logotextImage {
        margin-top: 18px;
        float: left;
        display: block;
        position: absolute;
        left: 112px;
        bottom: 0px;
    }

    .logolang .logo .logotextlarge {
        font-size: 25px;
        padding: 32px 0 0;
    }

    .logolang .logo .logotextsmall {
        font-size: 18px;
        float: left;
    }

    .logolang .logo .logotextinner {
        font-size: 16px;
        float: left;
        padding: 20px 10px 5px;
    }

    .logolang .logo .logoimg {
        padding: 15px 15px 0 12px;
        float: left;
    }

.innerpage .logolang .logo .logoimg {
    padding-top: 7px;
}

.logolang .langbox {
    position: absolute;
    top: 0;
    right: 0;
    /*    float: right;*/
    position: absolute;
    width: 65%;
}

.langbox .langboxinner {
    /*background: none repeat scroll 0 0 rgba(189, 227, 245, 0.56); */
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    border-radius: 0px 0px 6px 6px;
    top: 0px;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 10px;
    border: 1px solid #5082B7;
    border-top: none;
}

    .langbox .langboxinner .login {
        float: left;
        padding: 4px 8px;
    }

        .langbox .langboxinner .login a {
            text-decoration: none;
        }

        .langbox .langboxinner .login #loginbtn {
        }

        .langbox .langboxinner .login .logicon {
            padding-left: 20px;
        }

        .langbox .langboxinner .login .log_in {
            background: url("../../Images/Home/icons/user.png") no-repeat scroll 0 0 transparent;
        }

        .langbox .langboxinner .login .log_out {
            background: url("../../Images/Home/icons/logout.png") no-repeat scroll 0 0 transparent;
        }

        .langbox .langboxinner .login .homebtn {
            background: url("../../Images/Home/icons/home16X16.png") no-repeat scroll 0 0 transparent;
        }


        .langbox .langboxinner .login .logicon a {
            color: #330000;
            text-shadow: 0 1px 1px #888;
            font-weight: bold;
            font-size: 1.2em;

        }

		/*HOME MENU START*/
        .langbox .langboxinner .home {
        float: left;
        padding: 4px 8px;
        border-right: 1px solid #5082B7;
    }
        .langbox .langboxinner .home .homeicon {
            padding-left: 20px;
        }
        .langbox .langboxinner .home .homeicon a {
            color: #330000;
            text-shadow: 0 1px 1px #888;
            font-weight: bold;
            font-size: 1.2em;
            text-decoration:none;
         
        }

         .langbox .langboxinner .home .home_page {
            background: url("../../Images/Home/icons/home16X16.png") no-repeat scroll 0 0 transparent;
        }
.home:hover {
 background-color:#6590B3;
}

        
       /*HOME MENU START END*/

    .langbox .langboxinner .langu {
        float: left;
        border-right: 1px solid #5082B7;
        height: 23px;
        padding: 4px 8px 0;
    }

        .langbox .langboxinner .langu:hover,
        .langbox, .langboxinner .login:hover,
        .langbox .langboxinner .searchbox:hover {
            background: rgba(80,130,183,0.8); /*#5082B7; */
        }

            .langbox .langboxinner .langu a {
                text-decoration: none;
            }

#lang-menu {
    margin: 0;
    padding: 0;
}

#lang-menu {
    zoom: 1;
}

    #lang-menu:before, #lang-menu:after {
        content: "";
        display: table;
    }

    #lang-menu:after {
        clear: both;
    }

    #lang-menu li {
        float: left;
        position: relative;
        z-index: 800;
        list-style: none;
        /*padding-bottom:3px;
    padding-left:22px ;*/
        padding: 0 7px 6px 15px;
        /*        border-bottom: 1px solid #5082B7;  */
    }

    #lang-menu a {
        float: left;
        color: #000;
        text-decoration: none;
        text-shadow: 0 1px 1px #888;
    }

    #lang-menu ul {
        margin: 0;
        _margin: 0; /*IE6 only*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 21px;
        left: -9px;
        z-index: 9999;
        background: rgba(80,130,183,0.8); /*#5082B7; */
        padding: 0;
    }

    #lang-menu li:hover > ul {
        opacity: 1;
        visibility: visible;
        margin: 0;
    }

    #lang-menu ul ul {
        top: 0;
        left: 150px;
        margin: 0 0 0 20px;
        _margin: 0; /*IE6 only*/
    }

    #lang-menu ul li {
        float: none;
        display: block;
        border: 0;
        min-width: 70px;
        border-bottom: 1px solid #2A4561;
        _line-height: 0; /*IE6 only*/
        padding: 7px 13px 7px 20px;
        margin: 0;
    }

        #lang-menu ul li:last-child {
            border-bottom: none;
        }

        #lang-menu ul li:hover {
            background: #5082B7;
        }

    #lang-menu ul a {
        padding: 1px;
        width: auto;
        _height: 10px; /*IE6 only*/
        display: block;
        white-space: nowrap;
        float: none;
        text-transform: none;
    }


    #lang-menu .fl_gb {
        background: url("../../Images/Home/icons/lng_en.png") no-repeat scroll 0 2px transparent;
        padding-left: 20px;
    }

    #lang-menu .fl_in {
        background: url("../../Images/Home/icons/lng_hi.png") no-repeat scroll 0 2px transparent;
        padding-left: 20px;
    }

.langbox .langboxinner .searchbox {
    float: left;
    border-right: 1px solid #5082B7;
    padding: 3px 5px 3px;
}

    .langbox .langboxinner .searchbox #search {
        background: none repeat scroll 0 0 rgba(255,255,255,0.3);
        border-radius: 4px 4px 4px 4px;
        color: #000;
        padding: 4px;
        width: 70px;
        transition: width 0.5s;
        -webkit-transition: width 0.5s; /* Safari */
    }

        .langbox .langboxinner .searchbox #search:focus {
            background: none repeat scroll 0 0 #FFF;
            width: 180px;
        }

    .langbox .langboxinner .searchbox #srchsubmit {
        float: right;
        margin-top: -20px;
        box-shadow: none;
        padding: 0;
        text-shadow: none;
    }
/*


.langbox .langboxinner .langu{float: right; margin: 15px 20px 0 0;color: #444;    }
.langbox .langboxinner .langu a{text-decoration: none; color: #000;}
.langbox .langboxinner .searchbox{margin-top: 8px; float: right;}
.langbox .langboxinner .searchbox #search {
    color: #888;
    border: 1px solid #e3e4e3;
    width: 200px !important;
    height: 23px;
    margin: 2px 0 0;
    float: left;
    padding: 0;
    text-indent: 5px;
    font: 100%/200% arial;
}
.langbox .langboxinner .searchbox #srchsubmit {
    border: 0 none;
    float: left;
    margin-left: -35px;
    margin-top: 5px;
}
.logolang .langbox{
    float: left; 
    width: 50%; 
}
.langbox .langboxinner{
    float: right;
    padding-right: 12px;
}
.langbox .langboxinner .login{   float: right; margin-top: 17px; clear: both;}
.langbox .langboxinner .login #loginbtn{   border: 0; background: transparent; padding: 0; cursor: pointer;}    */






/*login tab styles*/
#logintab {
    position: relative;
}

    #logintab .tabItemSpace {
        padding: 10px;
    }

    #logintab ul.log-tabs {
        list-style-type: none;
        margin: -1px 0 0!important;
        padding: 0!important;
        background: none!important;
        border: none!important;
    }

        #logintab ul.log-tabs li {
            background: none!important;
            padding: 0!important;
            list-style-type: none;
            float: left;
            cursor: pointer;
            margin: 0!important;
            position: relative;
            border: none!important;
        }

    #logintab .tabcontent {
        clear: both;
        background: none;
        border: 1px solid #000000;
        border-radius: 0 0 10px 10px;
    }

        #logintab .tabcontent .tabinner {
            padding: 0;
        }

    #logintab ul.log-tabs li a {
        text-decoration: none;
        background: url('../../Images/Common/bg_tab.png') repeat-x 0 0;
        display: block;
        height: 28px;
        line-height: 27px;
        padding: 0 10px;
        font-size: 10px;
        color: #666;
        text-transform: uppercase;
        border: 1px solid #e1e1e1;
        border-left: none;
    }

    #logintab ul.log-tabs li.active a {
        background: url('../../Images/Common/bg_tab-active.png') repeat-x 0 0;
        color: #fff;
        border: 1px solid #97c731;
    }

.loginavatar {
    background-image: url("../../Images/Common/login_logos.png");
    background-repeat: no-repeat;
    background-color: transparent;
    height: 52px;
    width: 65px;
    margin: 0 auto 10px;
}

#avtr_usrlogin {
    background-position: 0 -104px;
}

#avtr_biologin {
    background-position: 0 0;
}

#avtr_dsclogin {
    background-position: 0 -52px;
}

.biologin {
    min-height: 240px;
}

.dsclogin, .userlogin {
    min-height: 220px;
}

.userlogin {
}

.loginboxctr {
    width: 200px;
}

.biotype {
    width: 250px;
}

.dsc_regst {
    margin: 10px;
}

    .dsc_regst a {
        text-decoration: none;
        font-size: 12px;
    }

        .dsc_regst a:hover {
        }

#logintab input[type=text],
#logintab select,
#logintab input[type=password] {
    font-family: Calibri, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    /* Size and position */
    width: 100%;
    padding: 7px 18px 7px 45px;
    /* Styles */
    border: none; /* Remove the default border */
    box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1);
    border-radius: 3px;
    /*    background: #f9f9f9;  */
    color: #777;
    transition: color 0.3s ease-out;
}

#logintab input[type=text] {
    margin-bottom: 10px;
}

#logintab input[type="text"] {
    margin-bottom: 10px;
}

    #logintab input[type="text"]:hover, #logintab input[type="password"]:hover {
        color: #52CFEB;
    }

    #logintab input[type="text"]:focus, #logintab input[type="password"]:focus {
        color: #42A2BC;
    }

    #logintab input[type="text"]:focus, #logintab input[type="password"]:focus, #logintab button[type="submit"]:focus {
        outline: medium none;
    }

#logintab input[type=submit] {
    /* Size and position */
    width: 120px;
    height: 30px;
    float: right;
    position: relative;
    /* Styles */
    box-shadow: inset 0 1px rgba(255,255,255,0.3);
    border-radius: 3px;
    cursor: pointer;
    /* Font styles */
    font-family: Calibri, Arial, sans-serif;
    font-size: 14px;
    /*line-height: 30px;*/ /* Same as height */
    text-align: center;
    font-weight: bold;
    margin-left: 1%;
    background: linear-gradient(#34a5cf, #2a8ac4);
    border: 1px solid #2b8bc7;
    color: #ffffff;
    text-shadow: 0 1px rgba(255,255,255,0.3);
    margin-bottom: 0px;
}



.logusericon, #txtUserName, #txtPassword, #txtBiometicUserID, #txtDSCUserID, #logintab .loginboxctr #UserName, #logintab .loginboxctr #Password {
    background-image: url("../../Images/Common/sprites.png");
    background-repeat: no-repeat;
    background-color: #f9f9f9;
}

.logusericon, #txtUserName, #logintab .loginboxctr #UserName {
    background-position: -463px -28px;
}

.loguserps, #txtPassword, #logintab .loginboxctr #Password {
    background-position: -463px -62px;
}

#txtBiometicUserID {
    background-position: -463px 0;
}

#txtDSCUserID {
    background-position: -463px -28px;
}

/* popup div styles   */
#mask { /* Mask for background, by default is not display */
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}

/* You can customize to your needs  */
.login-popup {
    /*display: none;*/
    background: #FFF;
    padding: 10px;
    border: 2px solid #ddd;
    float: left;
    font-size: 1.2em;
    /*position: fixed;*/
    top: 40%;
    left: 50%;
    z-index: 99999;
    box-shadow: 0px 0px 20px #999; /* CSS3 */
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close {
    float: right;
    margin: -28px -28px 0 0;
}

/* EOD login tab styles*/


/*  ----------------- top menu style 1 Normal---------------------------------------    */
.topmenu {
}

    .topmenu ul.topmenu_ul {
        /*    border-radius: 5px 5px 5px 5px;  */
        height: 42px;
        margin: 0;
        padding: 0 1%;
        width: 98%;
        background: rgb(80,130,183); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(0,79,0,1) 0%, rgba(0,102,51,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,130,183,1)), color-stop(100%,rgba(42,69,97,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0,79,0,1) 0%,rgba(0,102,51,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(80,130,183,1) 0%,rgba(42,69,97,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(80,130,183,1) 0%,rgba(42,69,97,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(80,130,183,1) 0%,rgba(42,69,97,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5082b7', endColorstr='#2a4561',GradientType=0 ); /* IE6-9 */
    }

        .topmenu ul.topmenu_ul li {
            color: #FFFFFF;
            float: left;
            list-style: none;
            font-size: 14px;
            height: 30px;
            padding: 12px 10px 0;
            background: url("/Images/Common/sep.png") no-repeat scroll left center transparent;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            text-shadow: 1px 1px 2px #000000;
            filter: dropshadow(color=#000000, offx=1, offy=1);
        }

            .topmenu ul.topmenu_ul li.active {
                background: linear-gradient(to bottom, #2A4561 0%, #5082B7 100%) repeat scroll 0 0 transparent;
                box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
            }

                .topmenu ul.topmenu_ul li.active a {
                }

            .topmenu ul.topmenu_ul li:first-child {
                background: none;
            }

            .topmenu ul.topmenu_ul li:hover {
                text-shadow: 1px 1px 2px #777;
                filter: dropshadow(color=#777, offx=1, offy=1);
                -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5);
                box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.5);
            }

            .topmenu ul.topmenu_ul li a {
                color: #FFF;
                text-decoration: none;
            }

li .active {
    background-color: black;
}


/*  ----------------- top menu style 2 dropdown ---------------------------------------    */

#mbt-menu, #mbt-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#mbt-menu {
    padding-right: 60px;
}

.topmenu {
    position: relative;
    width: 99%;
    margin: auto auto;
    border: 1px solid #2D892D;
    background: #52b152; 
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSItMSUiIHN0b3AtY29sb3I9IiM1MmIxNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZGRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjODNjNzgzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiM1MmIxNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzAwNTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #52b152 -1%, #b4ddb4 0%, #83c783 1%, #52b152 5%, #008a00 9%, #005700 85%, #002400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,#52b152), color-stop(0%,#b4ddb4), color-stop(1%,#83c783), color-stop(5%,#52b152), color-stop(9%,#008a00), color-stop(85%,#005700), color-stop(100%,#002400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #52b152 -1%,#b4ddb4 0%,#83c783 1%,#52b152 5%,#008a00 9%,#005700 85%,#002400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #52b152 -1%,#b4ddb4 0%,#83c783 1%,#52b152 5%,#008a00 9%,#005700 85%,#002400 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #52b152 -1%,#b4ddb4 0%,#83c783 1%,#52b152 5%,#008a00 9%,#005700 85%,#002400 100%); /* IE10+ */
    background: linear-gradient(to bottom, #52b152 -1%,#b4ddb4 0%,#83c783 1%,#52b152 5%,#008a00 9%,#005700 85%,#002400 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52b152', endColorstr='#002400',GradientType=0 ); /* IE6-8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr='#52b152', endColorstr='#002400',GradientType=0)";/* Valid, works in 8-9 */

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 1px #777;
    -webkit-box-shadow: 0 1px 1px #777;
    box-shadow: 0 1px 1px #777;
}

#mbt-menu:before,
#mbt-menu:after {
    content: "";
    display: table;
}

#mbt-menu:after {
    clear: both;
}

#mbt-menu {
    zoom: 1;
}

    #mbt-menu .sec_line {
    }

.extendedmenu li.sec_line {
    display: none;
}

.extendedmenu {
    /*height: 38px;
    overflow: hidden;*/
}

#mbt-menu li {
    float: left;
    border-right: 1px solid green;
    -moz-box-shadow: 1px 0 0 #49993D;
    -webkit-box-shadow: 1px 0 0 #2A4561;
    box-shadow: 1px 0 0 #2A4561;
    position: relative;
    z-index: 800;
}

#mbt-menu a {
    float: left;
    padding: 12px;
    color: #EEE;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica; /* */
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#mbt-menu li.active {
    background: linear-gradient(to bottom, #2A4561 0%, #5082B7 100%) repeat scroll 0 0 transparent;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

    #mbt-menu li.active a {
        text-shadow: 1px 2px 0 #000;
    }

#mbt-menu li:hover > a {
    color: #FFF;
    text-shadow: 1px 2px 0 #000;
    /*filter: dropshadow(color=#777, offx=0.1, offy=1);*/
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}

#mbt-menu ul li:hover {
}

*html #mbt-menu li a:hover { /* IE6 only */
    color: #fafafa;
}

#mbt-menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 9999;
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#mbt-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

#mbt-menu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#mbt-menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    min-width: 170px;
}

    #mbt-menu ul li:last-child {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

#mbt-menu ul a {
    padding: 10px;
    width: auto;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

    #mbt-menu ul a:hover {
        background-color: #195e13;
        background-image: -moz-linear-gradient(#4C9C3C, #136C13);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#136C13));
        background-image: -webkit-linear-gradient(#4C9C3C, #136C13);
        background-image: -o-linear-gradient(#4C9C3C, #136C13);
        background-image: -ms-linear-gradient(#4C9C3C, #136C13);
        background-image: linear-gradient(#4C9C3C, #136C13);
    }

#mbt-menu ul li:first-child > a {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

    #mbt-menu ul li:first-child > a:after {
        content: '';
        position: absolute;
        left: 40px;
        top: -6px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #444;
    }

#mbt-menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}

#mbt-menu ul li:first-child a:hover:after {
    border-bottom-color: #2D892D;
}

#mbt-menu ul ul li:first-child a:hover:after {
    border-right-color: #0299d3;
    border-bottom-color: transparent;
}

#mbt-menu ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

#mbt-menu #mbt-hide {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: none;
    padding-left: 15px;
    position: absolute;
    top: 0;
    right: 0;
}

    #mbt-menu #mbt-hide a {
        padding: 8px;
    }

.topmenuopen li {
    border-bottom: 1px solid #2A4561;
}

#mbt-hide {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 10px 6px;
}

    #mbt-hide .hidebtn {
        background-image: url("../../Images/Common/sprites.png");
        background-color: transparent;
        background-repeat: no-repeat;
        background-attachment: scroll;
        height: 20px;
        width: 20px;
        cursor: pointer;
        background-position: -70px 0px;
    }

        #mbt-hide .hidebtn:hover {
            background-position: -50px 0px;
        }

.topmenu .btnopen .hidebtn {
    background-position: -70px 0px;
}

.topmenuopen #mbt-hide {
}

    .topmenuopen #mbt-hide . #mbt-hide {
    }

.extendedmenu #mbt-hide .hidebtn {
    background-position: -70px 0px;
}

    .extendedmenu #mbt-hide .hidebtn:hover {
    }

.topmenuopen #mbt-hide .hidebtn {
    background-position: -70px 0px;
}

    .topmenuopen #mbt-hide .hidebtn:hover {
        background-position: -50px 0px;
    }

/* -----------------------------------------------------------------------------------------    */

.memberlist {
    color: #666666;
    margin: 4px 5px 12px 12px;
}

    .memberlist .eachmember {
        height: 60px;
        padding: 0 6px 16px 2px;
        font-size: 12px;
        overflow: hidden;
        width: 150px;
    }

        .memberlist .eachmember .membimage {
            float: left;
            padding-right: 10px;
        }

        .memberlist .eachmember .membdesig {
            font-size: 0.95em;
            overflow: hidden;
        }

    .memberlist .membCantr .memb_header {
        color: #777;
        font: bold 12px Arial,Helvetica;
        padding: 0 5px 10px;
        text-shadow: 0 1px 0 #000000;
        text-transform: uppercase;
        background-color: #FFF;
    }

    .memberlist .membCantr .memblistctr {
        overflow: hidden;
    }

ul.memblist {
    margin: 0;
    padding: 0;
}

    ul.memblist li {
        list-style: none;
    }


.memberlist tr {
}

    .memberlist tr td {
        padding: 10px 2px;
    }

.memberseperator {
    background: none repeat scroll 0 0 #E4E7F0;
    border-bottom: 1px solid #BDC5D2;
    border-top: 1px solid #F0F1F6;
    height: 4px;
}

.sidebarbotmfixed {
    border-top: 1px solid #C9D0DA;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    background-color: #F2F4F8;
}

    .sidebarbotmfixed .sidebarctrls {
        height: 23px;
    }

        .sidebarbotmfixed .sidebarctrls .sidebar_navigtn {
            float: left;
            width: 153px;
        }

            .sidebarbotmfixed .sidebarctrls .sidebar_navigtn .navctrls {
                float: left;
                padding: 5px 7px 5px 6px;
                opacity: 0.5;
                height: 15px;
                cursor: pointer;
            }

                .sidebarbotmfixed .sidebarctrls .sidebar_navigtn .navctrls:hover {
                    opacity: 0.9;
                }

            .sidebarbotmfixed .sidebarctrls .sidebar_navigtn .navprev {
                background-image: url("../../Images/Common/sprites.png");
                background-position: -16px -127px;
                width: 16px;
                height: 16px;
            }

            .sidebarbotmfixed .sidebarctrls .sidebar_navigtn .navplay {
                background-image: url("../../Images/Common/sprites.png");
                background-position: -32px -127px;
                width: 16px;
                height: 16px;
            }

            .sidebarbotmfixed .sidebarctrls .sidebar_navigtn .navstop {
                background-image: url("../../Images/Common/sprites.png");
                background-position: -50px -127px;
                width: 16px;
                height: 16px;
            }

            .sidebarbotmfixed .sidebarctrls .sidebar_navigtn .navnext {
                background-image: url("../../Images/Common/sprites.png");
                background-position: 0px -127px;
                width: 16px;
                height: 16px;
            }

            .sidebarbotmfixed .sidebarctrls .sidebar_navigtn .navup {
                background-image: url("../../Images/Common/sprites.png");
                background-position: -32px -90px;
                width: 16px;
                height: 16px;
            }

            .sidebarbotmfixed .sidebarctrls .sidebar_navigtn .navdown {
                background-image: url("../../Images/Common/sprites.png");
                background-position: -32px -106px;
                width: 16px;
                height: 16px;
            }

            .sidebarbotmfixed .sidebarctrls .sidebar_navigtn .navsettings {
                background-image: url("../../Images/Common/sprites.png");
                background-position: -50px -112px;
                width: 16px;
                height: 16px;
            }

        .sidebarbotmfixed .sidebarctrls .sidebar_hide {
            box-shadow: 0 1px #FFFFFF inset;
            float: left;
            height: 15px;
            padding: 3px 2px 5px;
            width: 17px;
            cursor: pointer;
        }

#left-sidebar .sidebarbotmfixed .sidebarctrls .sidebar_hide, #left-sidebar .sidebarbotmfixed .sidebarctrls .sidebar_navigtn .navctrls {
    border-left: 1px solid #C9D0DA;
}

#right-sidebar .sidebarbotmfixed .sidebarctrls .sidebar_hide, #right-sidebar .sidebarbotmfixed .sidebarctrls .sidebar_navigtn .navctrls {
    border-right: 1px solid #C9D0DA;
}

.sidebarbotmfixed .sidehidebtn {
    background-image: url("../../Images/Common/sprites.png");
    height: 14px;
    width: 10px;
}

#left-sidebar .sidebarbotmfixed .sidehidebtn {
    background-position: -0px -106px;
    margin: 3px;
}

    #left-sidebar .sidebarbotmfixed .sidehidebtn:hover {
        background-position: -12px -106px;
    }

#right-sidebar .sidebarbotmfixed .sidehidebtn {
    background-position: -12px -90px;
    margin: 3px 3px 3px 2px;
}

    #right-sidebar .sidebarbotmfixed .sidehidebtn:hover {
        background-position: 0px -90px;
    }

#rightsidebarhook, #leftsidebarhook {
    background-image: url("/Images/Common/sprites.png");
    cursor: pointer;
    height: 118px;
    position: fixed;
    top: 50%;
    width: 25px;
    margin: -58px 0 0;
}

#rightsidebarhook {
    right: 0;
    background-position: 0 -144px;
}

    #rightsidebarhook:hover {
        background-position: -29px -144px;
    }

#leftsidebarhook {
    left: 0;
    background-position: 0 -262px;
}

    #leftsidebarhook:hover {
        background-position: -29px -262px;
    }


.sidebarlistscroll {
    overflow: hidden;
    height: 100%;
    position: relative;
}

    .sidebarlistscroll .news_cntr {
        padding: 2px 5px 10px;
    }


.news_cntr .news_cntr_header {
    color: #777;
    font: bold 12px Arial,Helvetica;
    padding: 5px 12px;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;
}

.news_cntr .news_container {
}

    .news_cntr .news_container .eachnews {
        padding: 5px 5px 20px;
    }

        .news_cntr .news_container .eachnews .newsimg {
        }

            .news_cntr .news_container .eachnews .newsimg img {
                border: 1px solid #AAAAAA;
                max-width: 150px;
                padding: 1px;
            }

        .news_cntr .news_container .eachnews .newscontent {
            color: #333333;
            font-size: 12px;
        }

            .news_cntr .news_container .eachnews .newscontent .newsconttitle {
                font-weight: bold;
                padding: 2px 0;
            }

        .news_cntr .news_container .eachnews .newsreadmore {
            padding: 5px;
            float: right;
        }

            .news_cntr .news_container .eachnews .newsreadmore:after {
                clear: both;
                content: "";
            }

            .news_cntr .news_container .eachnews .newsreadmore a {
                text-decoration: none;
                color: #AA8800;
            }

                .news_cntr .news_container .eachnews .newsreadmore a:hover {
                    text-decoration: underline;
                }

.newspagination {
    border-top: 1px solid #666666;
    bottom: 0;
    display: block;
    left: 0;
    padding: 10px 5px;
    position: absolute;
    width: 90%;
}

    .newspagination .page_prev, .newspagination .page_play, .newspagination .page_next {
        background: none repeat scroll 0 0 grey;
        border-radius: 3px 3px 3px 3px;
        float: left;
        font-size: 14px;
        font-weight: bold;
        height: 20px;
        text-align: center;
        width: 20px;
        margin: 0 3px;
        cursor: pointer;
    }

    .newspagination .page_prev {
    }

    .newspagination .page_play {
        font-size: 10px;
        font-weight: bolder;
        line-height: 17px;
    }

    .newspagination .page_next {
    }

    .newspagination .page_ststus {
        float: right;
    }




.noticebarlistscroll {
    overflow: hidden;
    height: 100%;
    position: relative;
}

    .noticebarlistscroll .notice_cntr {
        padding: 10px 5px 35px;
    }


.notice_cntr .notice_cntr_header {
    color: #777;
    font: bold 12px Blokletters-Balpen, Arial,Helvetica;
    padding: 5px 12px;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;
}

.notice_cntr .notice_container { /*padding-bottom:25px;*/
}

    .notice_cntr .notice_container .eachnotice {
        padding: 5px;
        /*added on v1.1*/
        background: yellow; /* Fallback */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBEB00), to(#C5C500));
        background: -moz-linear-gradient(100% 100% 90deg, #C5C500, #EBEB00);
        padding: 20px 20px 20px 20px;
        -webkit-box-shadow: 0px 10px 30px #000;
        box-shadow: 0px 5px 8px #000;
        margin: 10px;
        padding: 15px;
    }

        .notice_cntr .notice_container .eachnotice .noticesimg {
        }

            .notice_cntr .notice_container .eachnotice .noticesimg img {
                border: 1px solid #AAAAAA;
                max-width: 150px;
                padding: 1px;
            }

        .notice_cntr .notice_container .eachnotice .noticecontent {
            color: #333333;
            font-size: 0.9em;
            /*added on v1.1*/
            font-family: Blokletters-Balpen, Helvetica, sans-serif;
            font-size: 12px;
            line-height: 18px;
            margin: 7px 0 2px 0;
            padding: 0 5px;
        }

            .notice_cntr .notice_container .eachnotice .noticecontent .noticeconttitle {
                font-weight: bold;
                padding: 2px 0;
            }

        .notice_cntr .notice_container .eachnotice .noticereadmore {
            padding: 5px;
            font-size: 0.88em;
            text-align: right;
        }

            .notice_cntr .notice_container .eachnotice .noticereadmore a {
                text-decoration: none;
                color: #AA8800;
            }

                .notice_cntr .notice_container .eachnotice .noticereadmore a:hover {
                    text-decoration: underline;
                }

    .notice_cntr .notice_container .noticeloader {
        height: 20px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .notice_cntr .notice_container .noticeend {
        background-color: #EEEEEE;
        border-radius: 5px 5px 5px 5px;
        color: #555555;
        height: 20px;
        margin: 0 auto;
        padding: 3px;
        text-align: center;
        width: 100%;
    }


.noticepagination {
    border-top: 1px solid #666666;
    bottom: 0;
    display: block;
    left: 0;
    padding: 10px 5px;
    position: absolute;
    width: 90%;
}

    .noticepagination .page_prev_not, .noticepagination .page_play_not, .noticepagination .page_next_not {
        background: none repeat scroll 0 0 grey;
        border-radius: 3px 3px 3px 3px;
        float: left;
        font-size: 14px;
        font-weight: bold;
        height: 20px;
        text-align: center;
        width: 20px;
        margin: 0 3px;
        cursor: pointer;
    }

    .noticepagination .page_prev_not {
    }

    .noticepagination .page_play_not {
        font-size: 10px;
        font-weight: bolder;
        line-height: 17px;
    }

    .noticepagination .page_next_not {
    }

    .noticepagination .page_ststus_not {
        float: right;
    }



.noticeboard { /*height: 100%;*/
}

    .noticeboard p {
        padding: 0;
    }

    .noticeboard .noticeboardinner {
        padding: 5px 0 20px 5px;
    }

        .noticeboard .noticeboardinner .eachnotice {
            padding: 12px 0;
        }

            .noticeboard .noticeboardinner .eachnotice .notice_title {
                font-weight: bold;
                font-size: 14px;
                line-height: 16px;
            }

            .noticeboard .noticeboardinner .eachnotice .notice_content {
            }


#content {
    z-index: 10;
    /*    padding: 2px 12px 10px;   */
}

    #content .main {
        padding: 0 12px;
        margin-top: -10px;
        background: none repeat scroll 0 0 #FFF;
    }

        #content .main:after {
            clear: both;
            content: "";
        }

.main .maininer {
    width: 100%;
}

.roundshadowbox {
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
}

.main .picslideshow {
    padding: 5px 15px;
}

.main .inner {
    padding: 6px;
}

.main .innercontent {
    padding: 10px;
}

.main .singleheight200 {
    height: 200px;
}

    .main .singleheight200 .noticeboard {
        height: 188px;
    }

.main .singleheight250 {
    height: 250px;
}

    .main .singleheight250 .noticeboard {
        height: 238px;
    }

.main .singleheight300 {
    height: 300px;
    width: 100%;
    position: relative;
}

    .main .singleheight300 .noticeboard {
        height: 288px;
    }

.pagetitle {
    color: #0079b6;
    font-size: 160%;
    font-weight: normal;
    letter-spacing: -0.01em;
    width: 100%;
    padding-left: 0;
    padding: 0px 0px 8px 0px;
}

.picslideshow .slideshowinner {
    width: 100%;
}


/* --------- widget window styles ------------------- */
.windowWidget {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

    .windowWidget .widgetContainer {
        position: relative;
        height: 100%;
    }

        .windowWidget .widgetContainer li {
            list-style: none;
        }

        .windowWidget .widgetContainer .widgetmain {
            position: absolute;
            top: 0;
            left: 0;
            width: 97%;
            height: 100%;
        }

.widgetbuttons {
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 5px;
    z-index: 20;
}

.widgetmain .widgetbuttons .wdButtonCtr {
}
/** Coin Slider additional styles **/
.wdButtonCtr {
    font-size: 0;
    height: 20px;
}

    .wdButtonCtr a {
        border: 1px solid #B8C4CF;
        color: #B8C4CF;
        float: left;
        height: 10px;
        margin-left: 5px;
        text-indent: -1000px;
        width: 10px;
    }

.d {
    background-color: #B8C4CF;
    color: #FFFFFF;
}

a.wd-button {
    border-radius: 50%;
    background: #CCC;
    background: -webkit-linear-gradient(top, #CCCCCC, #F3F3F3); /* webkit browsers */
    background: -moz-linear-gradient(top, #CCCCCC, #F3F3F3); /* firefox 3.6+ */
    background: -o-linear-gradient(top, #CCCCCC, #F3F3F3); /* opera */
    background: -ms-linear-gradient(top, #CCCCCC, #F3F3F3); /* IE10 */
    background: linear-gradient(top, #CCCCCC, #F3F3F3); /* css3 */
}

a.wd-active {
    background: #599BDC;
    background: -webkit-linear-gradient(top, #599BDC, #3072B3); /* webkit browsers */
    background: -moz-linear-gradient(top, #599BDC, #3072B3); /* firefox 3.6+ */
    background: -o-linear-gradient(top, #599BDC, #3072B3); /* opera */
    background: -ms-linear-gradient(top, #599BDC, #3072B3); /* IE10 */
    background: linear-gradient(top, #599BDC, #3072B3); /* css3 */
    border-radius: 50%;
    box-shadow: 0 0 3px #518CC6;
    border: 1px solid #3072B3 !important;
}

.widgetmain ul {
    padding: 0;
    margin: 0;
}

    .widgetmain ul li.eachWidget {
        list-style: none;
        padding: 0;
        margin: 0;
        height: 100%;
    }

.widgetList {
    position: relative;
    height: 100%;
    /*min-height: 250px;*/
}

.widgetarea {
}

    .widgetarea .widgetheader {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        text-align: center;
        color: #333;
    }

.widgetList .eachWidget {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    display: none;
    height: 250px;
    width: 100%;
    background: white;
}

.widgetList li.active {
    z-index: 10;
    display: block;
}

.widgetList li.last-active {
    z-index: 9;
}

.wedg_datetime {
    /*background: linear-gradient(to bottom, #A0C9FF 0px, #D8E9FF 40%, #679AE9 100%) repeat scroll 0 0 transparent;
    background: linear-gradient(to bottom, #CCC 0px, #FFF 50%, #ccc 100%) repeat scroll 0 0 transparent;*/
    min-height: 200px;
    min-width: 200px;
}
/*table.data .temp td.bg-su {
    background: none repeat scroll 0 0 #679AE9;
}*/




/* EOD widget window styles*/

.graph_cantinr {
}

    .graph_cantinr .graph_inner {
        padding: 6px;
    }

    .graph_cantinr ul {
        padding: 0;
        margin: 0;
    }

        .graph_cantinr ul li {
            list-style: none;
            padding: 0;
            margin: 0;
        }

#grap_slide {
    position: relative;
    height: 100%;
    min-height: 250px;
}

    #grap_slide li {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
        display: none;
        height: 250px;
        width: 100%;
        background: white;
    }

        #grap_slide li.active {
            z-index: 10;
            display: block;
        }

        #grap_slide li.last-active {
            z-index: 9;
        }
/*#grap_slide li img {
    width: 95%;
}*/
.graph_cantinr ul li img {
    width: 95%;
}

.col50float {
    float: left;
    width: 50%;
    width: 49.9%; /* IE6,7 hack*/
    margin: 0 0 0px;
}

    .col50float:after {
        clear: both;
    }

    .col50float .colinner {
        padding-right: 10px;
    }

.colfloatlast .colinner {
    padding-right: 0;
}

.col50float .bordrrgt {
    border-right: 1px solid #DDD;
}

.col50float .round-col_notice {
    min-height: 555px;
    border-radius: 10px;
    border: 1px solid #DDD;
}

.round-col {
    min-height: 316px;
    border-radius: 10px;
}

.tabmain {
    padding: 5px;
    background-color: grey;
    border-radius: 5px;
}

.main .box-info {
    border-spacing: 18px;
    display: table;
    margin: 0 -10px;
    /*    width: 1020px;*/
}

.box-info .box25 {
    background: none repeat scroll 0 0 #FFFFFF;
    display: table-cell;
    margin: 0 7px;
    min-height: 224px;
    /*    padding: 40px 15px 20px;*/
    padding: 10px;
    position: relative;
    text-align: center;
    vertical-align: top;
    max-width: 25%;
}

.roundborder {
    border: 1px solid #AAA;
    border-radius: 10px;
}

.mainrow {
    height: 108px;
}

    .mainrow .picslideshow {
    }

        .mainrow .picslideshow ul {
            height: 81px;
            margin: 2px 0;
        }

            .mainrow .picslideshow ul li {
                float: left;
                list-style: none;
                margin-right: 10px;
            }

                .mainrow .picslideshow ul li img {
                    border: 1px solid #EDEDED;
                    border-radius: 2px 2px 2px 2px;
                    padding: 2px;
                    transition: all 0.3s ease 0s;
                }


/*pagination styles*/
.pagination {
    height: 40px;
    margin: 20px 0;
}

    .pagination ul {
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        .pagination ul > li {
            display: inline;
        }

            .pagination ul > li > a, .pagination ul > li > span {
                background-color: #FFFFFF;
                border: 1px solid #DDDDDD;
                /*border-width: 1px 1px 1px 0;*/
                float: left;
                line-height: 38px;
                padding: 0 14px;
                text-decoration: none;
            }

                .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {
                    background-color: #F5F5F5;
                }

        .pagination ul > .active > a, .pagination ul > .active > span {
            color: #999999;
            cursor: default;
        }

        .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover {
            background-color: transparent;
            color: #999999;
            cursor: default;
        }

        .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
            border-left-width: 1px;
            border-radius: 3px 0 0 3px;
        }

        .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
            border-radius: 0 3px 3px 0;
        }

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}



/* EOD pagination */

#bottabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    #bottabs li {
        float: left;
        margin: 0 .5em 0 0;
    }

    #bottabs a {
        position: relative;
        background: #ddd;
        background-image: linear-gradient(to bottom, #fff, #ddd);
        padding: .7em 3.5em;
        float: left;
        text-decoration: none;
        color: #444;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        border-radius: 0 0 0 5px;
        box-shadow: 0 2px 2px rgba(0,0,0,.4);
    }

        #bottabs a:hover,
        #bottabs a:hover::after,
        #bottabs a:focus,
        #bottabs a:focus::after {
            background: #fff;
        }

        #bottabs a:focus {
            outline: 0;
        }

        #bottabs a::after {
            content: '';
            position: absolute;
            z-index: 1;
            top: 0;
            right: -.5em;
            bottom: 0;
            width: 1em;
            background: #ddd;
            background-image: linear-gradient(to bottom, #fff, #ddd);
            box-shadow: 2px 2px 2px rgba(0,0,0,.4);
            transform: skew(-15deg);
            border-radius: 0 0 5px 0;
        }

    #bottabs #current a,
    #bottabs #current a::after {
        background: #fff;
        z-index: 3;
    }

#tabcontent {
    background: #fff;
    padding: 2em;
    height: 220px;
    position: relative;
    z-index: 2;
    border-radius: 5px 5px 5px 0;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    /*    border: 1px solid #EEEEEE;  */
}



#tabs .tablinks {
    float: left;
    min-width: 200px;
    width: 20%;
    padding: 0;
    background-color: #5082B7;
}

    #tabs .tablinks li {
        /*    border-bottom: 1px solid;*/
        display: block;
        list-style: none outside none;
        padding: 12px 12px 12px 0;
        text-align: right;
    }

        #tabs .tablinks li a {
            color: #FFF;
            text-decoration: none;
        }

#tabs .tabcontent {
    float: left;
    width: 75%;
}

    #tabs .tabcontent .tab_data {
        border: 1px solid;
        border-radius: 10px;
        min-height: 500px;
        -webkit-box-shadow: -8px 8px 6px 4px rgba(0, 0, 0, .2);
        box-shadow: -8px 8px 6px 4px rgba(0, 0, 0, .2);
    }

#tabs .active {
    background-color: white;
    margin-right: -1px;
}

    #tabs .active a {
        color: #000000 !important;
    }

footer {
    background: url("/Images/Common/diag_bg.png") repeat scroll 0 0 transparent;
    border-top: 1px solid #DDDDDD;
    color: red;
    margin-top: 12px;
}

    footer .footerinner {
        background: url("/Images/Common/vertshadow.png") no-repeat scroll center top transparent;
        padding: 25px 21px 15px;
        font-size: 9px;
        font-family: Verdana;
        color: #000;
    }

    footer .footermsg {
        padding: 5px 35px;
        text-align: center;
    }

    footer .gogreenlogo {
        float: right;
        height: 43px;
        width: 69px;
        margin: -48px 10px;
    }

    footer .copy {
        text-align: center;
    }



fieldset {
    border: none;
}

form.signin .textbox label {
    display: block;
    padding-bottom: 7px;
}

form.signin .textbox span {
    display: block;
}

form.signin p, form.signin span {
    color: #999;
    font-size: 11px;
    line-height: 18px;
}

form.signin .textbox input {
    background: #666666;
    border-bottom: 1px solid #333;
    border-left: 1px solid #000;
    border-right: 1px solid #333;
    border-top: 1px solid #000;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font: 13px Arial, Helvetica, sans-serif;
    padding: 6px 6px 4px;
    width: 200px;
}

form.signin input:-moz-placeholder {
    color: #bbb;
    text-shadow: 0 0 2px #000;
}

form.signin input::-webkit-input-placeholder {
    color: #bbb;
    text-shadow: 0 0 2px #000;
}

.button {
    background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
    background: -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
    border-color: #000;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    padding: 6px 6px 4px;
    margin-top: 10px;
    font: 12px;
    width: 214px;
}

    .button:hover {
        background: #ddd;
    }
/* EOD popup div styles   */

/* Grid table design*/

.grid_cantainer {
    border: 1px solid #C5C5C5;
    width: 100%;
}

table.grid {
    border: 1px solid #8BA0BC;
    border-collapse: separate;
    border-spacing: 0;
    border-width: 0;
    empty-cells: show;
    outline: 0 none;
    width: 100%;
}

    table.grid tbody th {
        border-color: #C5C5C5;
        border-style: solid;
        border-width: 0 0 1px 1px;
        font-weight: normal;
        overflow: hidden;
        padding: 0.5em 0.6em 0.4em;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: #E3E3E3;
    }

    table.grid tbody th,
    .grid-ex-header,
    .grid-ex-footer {
        background-color: #E3E3E3;
        background-image: none, linear-gradient(to bottom, #F6F6F6 0px, #EAEAEA 100%);
        background-position: 50% 50%;
    }

.grid-ex-header {
    padding: 5px;
    border-bottom: 1px solid #C5C5C5;
}

.grid-ex-footer {
    border-top: 1px solid #C5C5C5;
}

table.grid td {
    border-color: #C5C5C5;
    border-style: solid;
    border-width: 0 0 0 1px;
    line-height: 1.6em;
    overflow: hidden;
    padding: 0.4em 0.6em;
    text-overflow: ellipsis;
    vertical-align: middle;
}

table.grid tbody td:first-child,
table.grid tbody th:first-child,
table.grid tfoot td:first-child {
    border-left-width: 0;
}

table.grid tbody tr:nth-child(2n) td {
    background-color: #F5F5F5;
}

.grid-pagination, .grid-scroller {
    display: inline-block;
    padding: 5px 20px 3px 10px;
}

.grid-scroller {
    float: right;
}

    .grid-scroller .sliderctr {
        width: 200px;
        margin-top: 6px;
        float: left;
        position: relative;
    }

    .grid-scroller .grid-scroller-header {
        display: inline-block;
        float: left;
        line-height: 22px;
    }

#slider {
    border-width: 1px;
    border-style: solid;
    border-color: #333 #333 #777 #333;
    border-radius: 25px;
    width: 180px;
    position: absolute;
    height: 10px;
    background-color: #8e8d8d;
    background: url('/Images/Common/bg-track.png') repeat top left;
    box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 0 1px 0 0px rgba(250, 250, 250, .5);
    left: 20px;
}

.slidertooltip {
    position: absolute;
    display: block;
    top: -25px;
    width: 35px;
    height: 20px;
    color: #fff;
    text-align: center;
    font: 10pt Tahoma, Arial, sans-serif;
    border-radius: 3px;
    border: 1px solid #333;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -moz-linear-gradient(top, rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}

#slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url('/Images/Common/handle.png') no-repeat 50% 50%;
    font-weight: bold;
    color: #1C94C4;
    outline: none;
    top: -7px;
    margin-left: -12px;
    border: none;
}

.ui-slider-range {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
    position: absolute;
    border: 0;
    top: 0;
    height: 100%;
    border-radius: 25px;
}



.grid-pagination .grid-page-link {
    border-radius: 13px 13px 13px 13px;
    border: 1px solid #C5C5C5;
    cursor: pointer;
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 0 2px;
    padding: 0 3px;
}

.grid-pagination {
    background-image: none, linear-gradient(to bottom, #F6F6F6 0px, #EAEAEA 100%);
    background-position: 50% 50%;
}

    .grid-pagination .gridpag-icon {
        background-repeat: no-repeat;
        display: inline-block;
        font-size: 0;
        height: 16px;
        line-height: 0;
        overflow: hidden;
        text-align: center;
        text-indent: -3333px;
        width: 16px;
        background-image: url("/Images/Common/gridsprites.png");
        border-color: transparent;
        opacity: 0.8;
        margin-top: 3px;
        vertical-align: top;
    }

#gridpag-firstpage {
    background-position: 0 -112px;
}

#gridpag-prevpage {
    background-position: 0 -48px;
}

#gridpag-nextpage {
    background-position: 0 -16px;
}

#gridpag-lastpage {
    background-position: 0 -80px;
}


.grid-page-link:link, .grid-page-link:visited {
    color: #2E2E2E;
}

.gridpage-numbers {
    cursor: default;
    display: inline-block;
    float: left;
    margin: 0 2px;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
    vertical-align: top;
}

    .gridpage-numbers > li {
        display: inline-block;
        margin-right: 2px;
    }

        .gridpage-numbers > li a {
        }

.grid-page-selected {
    background-image: none, linear-gradient(to bottom, #FE761B 0px, #E15613 100%);
    border-color: #F0713A;
    border-radius: 13px 13px 13px 13px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 22px;
    padding: 0 7px;
}

.grid-num-link {
    border-color: transparent;
    border-radius: 13px 13px 13px 13px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 22px;
    padding: 0 7px;
    text-decoration: none;
}

    .grid-num-link:hover, .grid-page-link:hover {
        background-image: none, linear-gradient(to bottom, #CBC5C2 0px, #A99F9A 100%);
        background-color: #A99F9A;
        border: 1px solid #A99F9A;
        color: #2E2E2E;
    }

.grp-state-disabled:hover {
    background: none;
}

.grid-num-link:link, .grid-num-link:visited {
    color: #2E2E2E;
}

.grid-page-info {
    line-height: 22px;
    margin: 5px 2px 0 10px;
}

/* -----EOD---- Grid table design*/


footer {
    background: url("/Images/Common/diag_bg.png") repeat scroll 0 0 transparent;
    border-top: 1px solid #DDDDDD;
    color: #000;
    /*margin-top: -1px;*/
}

    footer .footerinner {
        background: url("/Images/Common/vertshadow.png") no-repeat scroll center top transparent;
        padding: 1px 12px 34px;
        font-size: 14px;
        height: 20px;
        text-align: center;
        vertical-align: central;
        font-family: Verdana;
        font-style: oblique;
    }

    footer .footermsg {
        padding: 5px 135px;
        text-align: center;
    }

    footer .governor {
        background-color: #EEEEEE;
        border: 1px solid #CCCCCC;
        border-radius: 8px 0 0 0;
        float: left;
        padding-right: 10px;
        height: 30px;
        overflow: hidden;
        margin: 0 0 0 2px;
    }

        footer .governor a {
            text-decoration: none;
            color: #333333;
        }

        footer .governor .gov_pos {
            line-height: 22px;
            font-size: 1.1em;
        }

        footer .governor .gov_name {
            font-size: 0.9em;
        }

    footer .gogreenlogo {
        float: right;
        height: 43px;
        width: 69px;
        margin: -48px 10px;
    }

    footer .copy {
        text-align: center;
    }


    footer .secrt {
        background-color: #EEEEEE;
        border: 1px solid #CCCCCC;
        border-radius: 0 8px 0 0;
        float: right;
        padding-right: 10px;
        height: 53px;
        margin: -75px 10px;
        overflow: hidden;
    }

        footer .secrt a {
            text-decoration: none;
            color: #333333;
        }

        footer .secrt .sec_pos {
            line-height: 22px;
            font-size: 1.1em;
        }

        footer .secrt .sec_name {
            font-size: 0.9em;
        }


.topmenuData {
}

    .topmenuData ul.topmenuData_ul {
        /*    border-radius: 5px 5px 5px 5px;  */
        height: 42px;
        margin: 0;
        padding: 0 1%;
        width: 98%;
        background: rgb(0,128,0); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(0,128,0,1) 0%, rgba(42,69,97,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,128,0,1)), color-stop(100%,rgba(42,69,97,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0,128,0,1) 0%,rgba(42,69,97,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0,128,0,1) 0%,rgba(42,69,97,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0,128,0,1) 0%,rgba(42,69,97,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(0,128,0,1) 0%,rgba(42,69,97,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008000', endColorstr='#2a4561',GradientType=0 ); /* IE6-9 */
    }

        .topmenuData ul.topmenuData_ul li {
            color: #FFFFFF;
            float: left;
            list-style: none;
            font-size: 14px;
            height: 30px;
            padding: 12px 10px 0;
            background: url("../images/sep.png") no-repeat scroll left center transparent;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            text-shadow: 1px 1px 2px #000000;
            filter: dropshadow(color=#000000, offx=1, offy=1);
        }

            .topmenuData ul.topmenuData_ul li.active {
                background: linear-gradient(to bottom, #2A4561 0%, #5082B7 100%) repeat scroll 0 0 transparent;
                box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
            }

                .topmenuData ul.topmenuData_ul li.active a {
                }

            .topmenuData ul.topmenuData_ul li:first-child {
                background: none;
            }

            .topmenuData ul.topmenuData_ul li:hover {
                text-shadow: 1px 1px 2px #777;
                filter: dropshadow(color=#777, offx=1, offy=1);
                -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5);
                box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.5);
            }

            .topmenuData ul.topmenuData_ul li a {
                color: #FFF;
                text-decoration: none;
            }

.loadinggif {
    background: url('/content/img/ajax-loader.gif') no-repeat right center;
}



.GridViewHeader {
    font-size: medium;
    color: #722929;
    font-family: Verdana;
}

.field-validation-error {
    color: #fb947c;
    font-weight: normal;
}

.GridViewData {
    border: medium;
    font-size: small;
    color: #07293b;
    font-weight: bold;
}

table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}

    table.gridtable th {
        border-width: 1px;
        padding: 2px;
        border-style: solid;
        border-color: #666666;
        background-color: #dedede;
        color: #166861;
        text-align: left;
        font-size: small;
    }

    table.gridtable td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #666666;
        background-color: #ffffff;
        text-align: left;
    }

.lblMaster {
    font-family: Verdana;
    color: #930e0e;
    font-weight: 600;
    font-size: medium;
    width: 25%;
}

.txtboxMaster {
    Width: 200px;
    color: #000;
    font-weight: 600;
    font-size: medium;
    font-family: Verdana;
}

.ddMaster {
    Width: 217px;
    color: #000;
    font-weight: 600;
    font-size: medium;
    font-family: Verdana;
}

.accordionSB {
    margin-bottom: 20px;
}

.accordionSB-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordionSB-heading {
    border-bottom: 0;
}

    .accordionSB-heading .accordion-toggle {
        display: block;
        padding: 8px 15px;
    }

.accordionSB-toggle {
    cursor: pointer;
}

.accordionSB-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5;
}

ul.vert-one {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    font: bold 16px Helvetica, Verdana, Arial, sans-serif;
    line-height: 165%;
    width: 200px;
}

    ul.vert-one li {
        margin: 0;
        padding: 0;
        border-top: 1px solid #4D0000;
        border-bottom: 1px solid #761A1A;
    }

        ul.vert-one li a {
            display: block;
            text-decoration: none;
            color: #fff;
            background: #600;
            padding: 0 0 0 20px;
            width: 180px;
        }

            ul.vert-one li a:hover {
                background: #900 url("images/vert-one_arrow.gif") no-repeat 0 9px;
            }

            ul.vert-one li a.current, ul.vert-one li a.current:hover {
                background: #933 url("images/vert-one_arrow.gif") no-repeat 0 9px;
            }


/*GrideView code*/
.grid_cantainer {
    border: 1px solid #C5C5C5;
    width: 100%;
}

table.grid {
    border: 1px solid #8BA0BC;
    border-collapse: separate;
    border-spacing: 0;
    border-width: 0;
    empty-cells: show;
    outline: 0 none;
    width: 100%;
}

    table.grid tbody th {
        border-color: #C5C5C5;
        border-style: solid;
        border-width: 0 0 1px 1px;
        font-weight: normal;
        overflow: hidden;
        padding: 0.5em 0.6em 0.4em;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: #E3E3E3;
    }

    table.grid tbody th,
    .grid-ex-header,
    .grid-ex-footer {
        background-color: #E3E3E3;
        background-image: none, linear-gradient(to bottom, #F6F6F6 0px, #EAEAEA 100%);
        background-position: 50% 50%;
    }

.grid-ex-header {
    padding: 5px;
    border-bottom: 1px solid #C5C5C5;
}

.grid-ex-footer {
    border-top: 1px solid #C5C5C5;
}

table.grid td {
    border-color: #C5C5C5;
    border-style: solid;
    border-width: 0 0 0 1px;
    line-height: 1.6em;
    overflow: hidden;
    padding: 0.4em 0.6em;
    text-overflow: ellipsis;
    vertical-align: middle;
}

table.grid tbody td:first-child,
table.grid tbody th:first-child,
table.grid tfoot td:first-child {
    border-left-width: 0;
}

table.grid tbody tr:nth-child(2n) td {
    background-color: #F5F5F5;
}

.grid-pagination, .grid-scroller {
    display: inline-block;
    padding: 5px 20px 3px 10px;
}

.grid-scroller {
    float: right;
}

    .grid-scroller .sliderctr {
        width: 200px;
        margin-top: 6px;
        float: left;
        position: relative;
    }

    .grid-scroller .grid-scroller-header {
        display: inline-block;
        float: left;
        line-height: 22px;
    }

.bottommenu li
{
	z-index:100 !important;
}



   html, body {
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }
      #MarqData {
        width: 96%;
        margin:auto;
        padding-top:5px;
        overflow: hidden;
        background-color:white;
}
        .marquee {
            background: -moz-linear-gradient(top, #C5DC96 0%, #E6F0D2 55%, white 130%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C5DC96), color-stop(15%, #E6F0D2), color-stop(100%, white));
            background: -ms-gradient(linear, left top, left bottom, color-stop(0%, #C5DC96), color-stop(15%, #E6F0D2), color-stop(100%, white));
            background: -ms-linear-gradient(top, #C5DC96 0%, #E6F0D2 55%, white 130%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C5DC96', endColorstr='white',GradientType=0 ); /* IE6-9 */
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            -khtml-border-radius: 7px;
            border-radius: 5px;
            border: solid 0px #000;
            padding: 1px;
            font-size: 12px;
            font-weight: 700;
            /*margin: 2px;  outer shadows  (note the rgba is red, green, blue, alpha) */
            -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5); /* rounded corners */
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px; /* gradients */
        }
     

        .table-wrapper {
            background-image: url('/Images/PmisImage/2.png');
            /* if the image repeats nicely, tile it, using background-repeat */
            background-repeat: no-repeat; /* repeat-x, repeat-y and no-repeat are options */
            /* alternatively, you could stretch it to fit the div, using background-size */
            background-size: 120px 120px;
           /*z-index:99999;*/
            position:absolute;
        }

		   .table-wrapper1 {
           
            background-repeat: no-repeat; /* repeat-x, repeat-y and no-repeat are options */
            /* alternatively, you could stretch it to fit the div, using background-size */
            background-size: 120px 120px;
           z-index:99;
            position:absolute;
        }