/* Minification failed. Returning unminified contents.
(183,1): run-time error CSS1019: Unexpected token, found '@charset'
(183,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(183,17): run-time error CSS1019: Unexpected token, found ';'
 */

/**
 * reset.css
 *
 * Adapted from:
 * Normalize.css by Nicolas Gallagher and Jonathan Neal: https://github.com/necolas/normalize.css/
 * HTML5 boilerplate: http://html5boilerplate.com/
 * HTML5 Doctor Reset by Eric Meyer and Richard Clark: html5doctor.com/html-5-reset-stylesheet/
 *
 * Modified by Elliot Jay Stocks
 */

html, 
body, 
div, 
span, 
object, 
iframe, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre, 
abbr, 
address, 
cite, 
code, 
del, 
dfn, 
em, 
img, 
ins, 
kbd, 
q, 
samp, 
small, 
strong, 
sub, 
sup, 
var, 
b, 
i, 
dl, 
dt, 
dd, 
ol, 
ul, 
li, 
fieldset, 
form, 
label, 
legend, 
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td, 
article, 
aside, 
canvas, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section, 
summary, 
time, 
mark, 
audio, 
video 													{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-family: Arial, Helvetica, sans-serif; }        

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
nav, 
section 												{ display: block; }

audio, 
canvas, 
video 													{ display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) 									{ display: none; }

[hidden] 												{ display: none; }

html 													{ font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body 													{ margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }          

a		 												{ color:blue; }

a:focus  												{ outline: thin dotted; }

li														{ list-style:none; }

abbr[title]  											{ border-bottom:none; }

b, 
strong  												{ font-weight: 700; }

i,
em,
dfn  													{ font-style: italic; }

hr  													{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins  													{ background: #ff9; color: #000; text-decoration: none; }

mark 	 												{ background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, 
code, 
kbd, 
samp  													{
	font-family: Arial, Helvetica, sans-serif;
	_font-family: Arial, Helvetica, sans-serif;
}

pre  													{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q  														{ quotes: none; }

q:before, 
q:after  												{ content: ""; content: none; }

small 													{ font-size: 85%; }

sub, 
sup  													{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup  													{ top: -0.5em; }

sub  													{ bottom: -0.25em; }

img  													{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

label  													{ cursor: pointer; }

input, 
select, 
textarea  												{ font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, 
input  													{ line-height: normal; *overflow: visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] 									{ cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], 
input[type="radio"] 									{ box-sizing: border-box; }

input[type="search"] 									{ -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration			{ -webkit-appearance: none; }

button::-moz-focus-inner, 
input::-moz-focus-inner 								{ border: 0; padding: 0; }

textarea  												{ overflow: auto; vertical-align: top; resize: vertical; }

table  													{ border-collapse: collapse; border-spacing: 0; }

td  													{ vertical-align: top; }
@charset "utf-8";
/* CSS Document */
html {
}

body {
    font-size: 14px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: black;
}

aol {
    color: black;
    outline: none;
    text-decoration: none;
}

a:visited {
    color: #000;
}

a:link, a:visited,
a:active, a:hover {
    color: black;
}

a:hover {
    color: #D72070;
}

#home_main_bar a, #search_bar a, #search_bar2 a {
    color: black;
    outline: none;
    text-decoration: none;
    font-weight: normal;
}

    #home_main_bar a:hover, #search_bar a:hover, #search_bar2 a:hover {
        color: #D72070;
    }

#main_content_div {
    min-height: 400px;
    height: auto !important;
    height: 400px;
}

p {
    padding: 0 0 10px 20px;
}


p-t-xxs {
    padding-top: 3px;
}

.clear {
    clear: both;
}

.centering {
    margin: 0 auto;
    width: 960px;
}

/* HEADER starts */


#header {
    margin: 0px 0 0 0;
}

#main-logo {
    float: left;
    width: 210px;
    margin: 0px 0 0 0;
}

#main-nav {
    /*float: left;
	width: 390px;
	margin: 10px 20px 0 20px;*/
    /*Andreas Version 1.3.0*/
    float: left;
    width: 470px;
    margin: 10px 20px 0 0px;
}

    #main-nav li {
        display: inline;
        font-size: 0.8em;
        margin: 0px 0px 0px 8px;
    }

        #main-nav li a {
            color: #333333;
            text-decoration: none;
            font-weight: normal !important;
        }

            #main-nav li a:hover {
                color: #D72070;
            }

.nav_header {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E6E6E6;
    font-size: 1.5em;
    padding: 0 5px 8px 0;
    text-align: center;
}

.page-item-7, .page-item-11, .page-item-13, .page-item-15, .page-item-17 {
    background-image: url(../images/separators.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding: 5px 14px 10px 0px;
}

.page-item-19 {
    padding: 5px 0px 10px 0px;
}

.current_page_item, a.current_page_item, .current_page_item a {
    color: #D72070 !important;
    font-weight: bold;
}


#main_title {
    float: right;
    width: 730px;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 20px;
    text-align: right;
    font-size: 1.5em;
    color: #D72070;
    font-weight: bold;
    vertical-align: text-top;
    color: #D72070;
    font-weight: bold;
}

    #main_title .branch {
        color: #000;
        font-size: 0.8em;
        font-weight: normal;
        text-indent: 20px;
        padding-left: 20px;
    }

    #main_title select {
        font-size: 0.7em;
    }

    #main_title #divImpersonate {
        vertical-align: middle;
        text-align: left;
        float: left;
        white-space: nowrap !important;
        width: 260px;
    }

#main-social {
    float: left;
    width: 61px;
    height: 25px;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
    background-image: url(../images/social_bg.gif);
    background-repeat: no-repeat;
}

#twitter_icon, #facebook_icon {
    float: left;
    width: 24px;
    margin: 0px 3px 0 3px;
}

#twitter_icon {
}

#facebook_icon {
    margin: 0px 0px 0 7px;
}

#buttons_header {
    /*float: right;
	width: 317px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 40px;*/
    /*ANDREAS Version 1.3.0*/
    float: right;
    width: 253px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 40px;
}

#signup_header, #login_header {
    float: left;
    text-align: right;
    font-weight: bold;
}

#signup_header {
    /*width: 217px;
	float: left;
	margin: 0px 0px 0px 0px;*/
    /*ANDREAS Version 1.3.0*/
    width: 153px;
    float: left;
    margin: 0px 0px 0px 0px;
}

#login_header {
    width: 100px;
    float: right;
    margin: 0px 0px 0 0px;
}


/* HEADER ends */

/* CONTENT starts */

/* CONTENT/SIDEBAR starts */

#categoryposts-2 {
    margin: 30px 0;
}

.widgettitle {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0px 0px 0px 20px;
    color: black;
    /*font-size: 1.1em;*/
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    /*color: #D72070;*/
    color: #233060;
    text-decoration-line: underline;
    text-decoration-color: #D72070;
}

h2.widgettitle {
    background-image: url(../images/ecce_icon_blue_small.gif);
    font-size: 16px;
}


li.cat-post-item {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #ACACAC;
    padding: 8px 0;
    font-size: 0.9em;
}

    li.cat-post-item a {
        color: #000;
        text-decoration: none;
    }

        li.cat-post-item a:hover {
            color: #D72070;
            text-decoration: underline;
        }

#s {
    height: 30px;
    width: 160px;
    border: 1px solid #999;
    padding: 2px;
    color: #666666;
    font-size: 0.8em;
}

#searchsubmit {
    height: 34px;
    padding: 5px;
    font-size: 0.8em;
    color: #FFF;
    background-color: #333333;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-transform: lowercase;
}

#Page_Title_Style h2, #Page_Title_Style2 h2 {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0px 0px 0px 20px;
    font-size: 24px;
    color: #D72070; /*Color.FromArgb(215, 32, 112)*/
    font-weight: bold;
    margin-bottom: 0px;
}

#Page_Title_Style h2, #Page_Title_Style2 h2 {
    background-image: url(../images/ecce_icon.gif);
}

    #Page_Title_Style h2 a, #Page_Title_Style2 h2 a {
        color: #D72070;
        text-decoration: none;
    }

/* CONTENT/SIDEBAR ends */

/* CONTENT/HOME starts */

#home_main_bar {
    height: 100px;
    /*background-image: url(../images/background_home.gif);
	background-repeat: repeat-x;*/
    width: 1000px;
    /*margin: 10px 0 10px 0;*/
    position: relative;
    margin: 0 auto;
}

.monitor {
    background-image: url(../images/monitor_home.png);
    position: absolute;
    left: 0px;
    top: -42px;
    height: 404px;
    width: 956px;
}

#slideshow {
    z-index: 2;
    position: absolute;
    left: 19px;
    top: 19px;
    height: 22px;
    width: 55px;
}

.col1_home, .col2_home, .col2_home, .main_col_home, search_bar, search_bar2 {
}

hr.hrline {
    color: #D72070;
    width: 100%;
}

#search_bar, #search_bar2 {
    width: 100%;
    background-color: #F1F1F1;
    float: left;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-color: #D72070;
    padding: 5px 0px 5px 0px;
    min-height: 35px;
    height: auto !important;
    height: 35px;
}

.search_bar_inside_right {
    padding: 0px 20px 10px 20px;
    float: right;
    text-align: right;
}

.search_bar_inside_left {
    padding: 0px 20px 10px 20px;
    float: left;
    text-align: left;
    vertical-align: central;
    width: 410px;
}

.search_bar_long_inside_left {
    padding: 0px 20px 10px 20px;
    float: left;
    text-align: left;
    vertical-align: central;
    width: 610px;
}

.search_bar_full_lenght {
    padding: 0px 20px 10px 20px;
    float: left;
    text-align: left;
    vertical-align: central;
    width: 900px;
}

.search_bar_radio_buttons {
    /*padding: 0px 20px 10px 20px;*/
    float: left;
    text-align: left;
    vertical-align: central;
    width: 200px;
}

.col1_home {
    width: 300px;
    float: left;
    margin: 0 40px 0 0;
}

.main_col_home {
    width: 660px;
    float: left;
    margin: 0 20px 0 0;
}

.box1_home {
    /*width: 311px;*/
    width: 473px;
    background-color: #F1F1F1;
    float: left;
    border: 1px solid #000000;
    border-color: #D72070;
    padding: 0px 0px 0px 0px;
    min-height: 210px;
    height: auto !important;
    height: 210px;
    margin: 10px 0 0 0;
}

.box2_home {
    /*width: 311px;*/
    width: 473px;
    background-color: #F1F1F1;
    float: left;
    border: 1px solid #000000;
    border-color: #D72070;
    padding: 0px 0px 0px 0px;
    min-height: 210px;
    height: auto !important;
    height: 210px;
    margin: 10px 0 0 10px;
}
/*Andreas Version 1.2.8*/
.box3_home {
    width: 311px;
    background-color: #F1F1F1;
    float: left;
    border: 1px solid #000000;
    border-color: #D72070;
    padding: 0px 0px 0px 0px;
    min-height: 210px;
    height: auto !important;
    height: 210px;
    margin: 10px 0 0 11px;
}

.box_home_long {
    /*Andreas Version 1.2.8*/
    width: 958px;
    /*width: 662px;*/
    background-color: #F1F1F1;
    float: left;
    border: 1px solid #000000;
    border-color: #D72070;
    padding: 0px 0px 0px 0px;
    min-height: 210px;
    height: auto !important;
    height: 210px;
    /*Andreas Version 1.2.8
    margin: 0 0 0 0;
    */
    margin: 10px 0 0 0;
}

.col2_home {
    width: 300px;
    margin: 0 40px 0 0;
    float: left;
}

    .col2_home h3 {
        font-size: 1.1em;
        font-weight: lighter;
        line-height: 1.5em;
    }

.col3_home {
    margin-top: 10px;
    width: 277px;
    background-color: #F1F1F1;
    float: right;
    border: 1px solid #000000;
    border-color: #D72070;
    padding: 0px 0px 0px 0px;
    min-height: 430px;
    height: auto !important;
    height: 430px;
}

.col3_home_inside {
    /*Andreas Version 1.2.8*/
    /*padding: 0px 10px 10px 10px;*/
    padding: 0;
}

.col1_home h2 {
    color: #D72070;
    font-size: 1.6em;
    font-weight: lighter;
}

.col1_home h3 {
    font-size: 1.4em;
}

/* CONTENT/HOME ends */

/* INNER PAGES starts */

#inner_main_bar {
    height: 54px;
    background-image: url(../images/background_home.gif);
    background-repeat: repeat-x;
    margin: 56px 0 76px 0;
    position: relative;
    background-position: bottom;
}

#updErrorPanel div {
    empty-cells: hide;
    border: 1px solid #000000;
    border-color: #D72070;
    padding: 5px 5px;
    background-color: #fbe6ee !important;
}

#updErrorPanel label {
    width: 100%;
    font-weight: normal;
}

#updErrorPanel a, a:visited {
    color: #D72070;
    font-size: 14px;
    text-align: right;
}

    #updErrorPanel a:hover {
        font-size: 14px;
        text-decoration: underline;
        color: #000;
    }

#updErrorPanel table {
    width: 100%;
}

#updErrorPanel td {
    font-size: 12px;
    vertical-align: central;
    font-weight: normal;
}
/* INNER PAGES ends */

/* CONTENT ends */

/* FOOTER starts */

#main_footer {
    margin: 0px 0 10px 0;
}

#footer_row {
    background-color: #D72070;
    height: 13px;
    margin: 10px 0px;
}

#footer-copy, #footer-mainnav {
    float: left;
}

#footer-copy {
    width: 300px;
}

    #footer-copy p {
    }

#footer-full-width {
    float: left;
}

#footer-mainnav {
    width: 660px;
    text-align: right;
}

    #footer-mainnav ul {
    }

    #footer-mainnav li {
        display: inline;
        font-size: 0.8em;
        padding: 0px 15px 0px 15px;
    }

        #footer-mainnav li a {
            color: #000;
            text-decoration: none;
        }

            #footer-mainnav li a:hover {
                color: #D72070;
            }


/* FOOTER ends */

/* WP Stuff starts */
.form-allowed-tags, .screen-reader-text {
    display: none;
}
/* WP Stuff ends */


/*******************************************************************************************/
/* FORMS */
/* login
	/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
    color: #233060;
}

    #login a {
        background-color: #233060;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin-left: 0px;
            text-decoration: underline;
            color: #233060;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }

#login_header a:link, a:visited,
a:active {
    color: #D72070;
    font-weight: bold;
}

#login_header a:hover {
    color: black;
}
/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        color: #c0377a;
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 1.75em;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 2px;
        }


label.long, .normalForm span.long {
    display: block;
    width: 250px;
    vertical-align: central;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}

.smallerFont {
    font-size: 11px;
    font-family: Verdana, Helvetica, Sans-Serif;
}

.normalForm span.small {
    display: block;
    width: 80px;
    vertical-align: central;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}

label, .normalForm span {
    display: block;
    width: 160px;
    vertical-align: central;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    /*white-space:nowrap;*/ /* Prevents from splitting the item in 2 lines */
    font-weight: bold;
}

    label.small, .normalForm small {
        display: block;
        width: 75px;
        vertical-align: central;
        font-family: Verdana, Helvetica, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
    }

    label.checkbox {
        display: inline;
        vertical-align: central;
    }

    label.inline, .normalForm span.inline {
        display: inline;
        width: 150px;
        vertical-align: central;
        font-family: Verdana, Helvetica, Sans-Serif;
        font-size: 12px;
    }

.validationSummary {
    background-image: url('../images/notification_warning.png');
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-size: 20px;
    text-indent: 30px;
}


input.LongDescription {
    width: 250px;
    vertical-align: central;
}


input.DateField {
    width: 70px;
    vertical-align: central;
}

input.TimeField {
    width: 40px;
    vertical-align: central;
}

input.ShortDescription {
    width: 100px;
    vertical-align: central;
}

input.Number {
    width: 60px;
    vertical-align: central;
}

input, textarea .checkbox {
    display: inline;
}

input, textarea, select {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    padding: 3px;
    width: 260px;
    display: inline;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
}

    select.long {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        padding: 3px;
        width: 300px;
        display: inline;
        margin-left: 0;
        margin-right: 0;
        margin-top: 5px;
    }

    select.small {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        padding: 3px;
        width: 100px;
        display: inline;
        margin-left: 0;
        margin-right: 0;
        margin-top: 5px;
    }

    select.medium {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        padding: 3px;
        width: 200px;
        display: inline;
        margin-left: 0;
        margin-right: 0;
        margin-top: 5px;
    }

    select.mini {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        padding: 3px;
        width: 50px;
        display: inline;
        margin-left: 0;
        margin-right: 0;
        margin-top: 5px;
    }

textarea {
    font-family: inherit;
    width: 400px;
}

    input:focus, textarea:focus, select:focus {
        border: 1px solid #7ac0da;
        background-color: #fffec0;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}
/*To Display Uploaded images*/
.imageClass img, .imageClass {
    border: 1px solid;
    padding: 5px 5px;
    width: 150px;
    height: auto;
    max-height: 150px;
}

img, .normalForm {
    border: 0 none;
    text-decoration: none;
    color: none;
    border-color: red;
}
/*ImageButtons*/
input[type="image"] {
    border: 0 none;
    background: transparent;
    border-color: transparent;
    float: none;
}

/*RadioButtons*/
input[type="radio"], .radio_buttons label.radio, .radio_buttons span.radio, .normalForm label.radio, .normalForm span.radio {
    border: 0 none;
    clear: both;
    text-align: left;
    width: 13px;
    height: 13px;
    padding: 0 0px 0px 0;
    margin-left: 0;
    margin-right: 10px;
    background-color: transparent;
    display: block;
    float: left;
    background: transparent;
    border-color: transparent;
}


input[type="submit"],
input[type="button"],
button {
    background-image: url("../Images/btn_bg_white_on.fw.png");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    cursor: pointer;
    width: 99px;
    height: 30px;
    font-weight: bold;
    background-color: transparent;
    border: none;
    vertical-align: central;
    text-align: center;
    font-size: 13px;
    font-family: Verdana, Helvetica, Sans-Serif;
    color: #233060;
    text-transform: uppercase;
}

    input[type="submit"].wideButton,
    input[type="button"].wideButton,
    button.wideButton {
        background-image: url("../Images/btn_bg_white_wide_on.fw.png");
        width: 175px;
        height: 30px;
    }

    input[type="submit"].ExtraWideButton,
    input[type="button"].ExtraWideButton,
    button.ExtraWideButton {
        background-image: url("../Images/btn_bg_white_wide_on.fw.png");
        width: 225px;
        height: 30px;
    }

    input[type="submit"].pinkButton,
    input[type="button"].pinkButton,
    button.pinkButton {
        background-image: url("../Images/btn_bg_pink_off.fw.png");
        color: #fff;
    }

    input[type="submit"].pinkPlusButton,
    input[type="button"].pinkPlusButton,
    button.pinkPlusButton {
        background-image: url("../Images/btn_plus_pink_on.fw.png");
        color: #fff;
        width: 28px;
        height: 28px;
    }

    input[type="submit"].widePinkButton,
    input[type="button"].widePinkButton,
    button.widePinkButton {
        background-image: url("../Images/btn_bg_pink_wide_off.fw.png");
        color: #fff;
        width: 150px;
        height: 30px;
    }


    input[type="submit"].logout,
    input[type="button"].logout,
    button.logout {
        background-image: url("../Images/btn_bg_white_on.fw.png");
        color: #D72070;
    }

td input[type="submit"],
td input[type="button"],
td button {
    /*padding: 4px;
        margin-right: 4px;*/
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    font-size: 11px;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
}

.validation-summary-valid {
    display: none;
}
/* login
----------------------------------------------------------*/
.normalForm {
    color: #233060;
    width: 100%;
    padding: 10px 0px 10px 0px;
}

    .normalForm a {
        margin-left: 10px;
        margin-right: 3px;
        /*padding: 2px 3px;*/
        text-decoration: none;
        color: #233060;
    }

    .normalForm ul {
        margin: 0;
    }

    .normalForm ul {
        list-style: none;
    }

    .normalForm ul {
        /*padding-bottom: 10px;*/
        vertical-align: central;
    }


    /* tables
----------------------------------------------------------*/
    .normalForm table {
        border-spacing: 0;
        /*width: 100%;*/
        /*padding: 0px 0px 0px 0px; 
	margin: 0px 0 10px;*/
    }

    .normalForm th {
        border: none 0px;
        padding-left: 0;
        vertical-align: middle;
        color: black;
    }

    .normalForm td {
        padding-right: 10px;
        border: 0 none;
        min-height: 12px;
        vertical-align: middle;
        /*border-spacing: 15px;*/
    }



    .normalForm tr.pager td {
        padding: 0 0 0 0;
    }

.grid a, .gridHeader a, .gridFooter a, .gridFiles a {
    text-decoration: none;
    font-weight: bold;
    color: black;
}

table.grid {
    width: 100%;
    border: 1px solid #D72070;
}

.grid td {
    border-right: 1px solid #D72070;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    /*white-space: nowrap;*/ /* Prevents from splitting the item in 2 lines */
    vertical-align: central;
    padding: 0px 3px 3px 3px;
    margin-left: 20px;
    font-weight: normal;
    /*ANDREAS Version 2.0*/
    border-left: 1px solid #D72070;
    border-top: 1px solid #E7E4DA;
}

.gridHeader th, .gridFiles th, .gridColumn3 th {
    border: 1px solid #D72070;
    border-color: #D72070;
    color: black;
    background-color: #C6C3C6;
    font-size: 12px;
    cursor: pointer;
    min-height: 20px;
    padding: 0 3px 0 3px;
    text-transform: uppercase;
    font-weight: bold;
}

.gridHeaderSmall th, .gridFilesSmall th, .gridColumn3Small th {
    border: 1px solid #D72070;
    border-color: #D72070;
    color: black;
    background-color: #C6C3C6;
    font-size: 11px;
    cursor: pointer;
    min-height: 20px;
    padding: 0 3px 0 3px;
    text-transform: uppercase;
    font-weight: bold;
}

.gridFiles th, .gridColumn3 th {
    border: none;
}

.gridFiles td {
    /*border: none;*/
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    /*white-space: nowrap;*/ /* Prevents from splitting the item in 2 lines */
    vertical-align: central;
    padding: 0 10px 5px 10px;
    margin-left: 20px;
    font-weight: normal;
}

.gridColumn3 td {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    vertical-align: central;
    padding: 2px 10px 0px 0px;
    margin-left: 0px;
    font-weight: normal;
    text-align: left;
}

table.gridColumn3 {
    Width: 260px;
    height: 300px;
    /*border: none;*/
}

table.gridFiles {
    Width: 260px;
    /*border: none;*/
}

.grid tr:hover, .gridFiles tr:hover, gridColumn3 tr:hover {
    background-color: #E7E4DA;
}

.gridFooter td, .gridFooter th, gridColumn3 td, gridColumn3 th {
    border: none;
    background-color: #C6C3C6;
    font-size: 12px;
    padding: 0 10px 0 10px;
    border-right: 1px solid #D72070;
}
/*.accordionHeader
{
    color: white;
    background-color: #f0f4f7;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    margin-top: 5px;
    cursor: pointer;
}*/

.centeredDiv {
    vertical-align: middle;
    text-align: center;
}

.rightDiv {
    vertical-align: middle;
    text-align: right;
}
.leftDiv {
    vertical-align: middle;
    text-align: left;
}

.rightFloatDiv {
    vertical-align: middle;
    text-align: right;
    float: right;
}

.bottomDiv {
    width: 277px;
    /*vertical-align: bottom;*/
    text-align: center;
    position: relative;
    bottom: 0px;
}

.topDiv {
    vertical-align: top;
    text-align: left;
    height: inherit;
}

.topDiv150 {
    vertical-align: top;
    text-align: left;
    height: inherit;
    min-height: 150px;
    height: auto !important;
    height: 150px;
}

    .topDiv150 span {
        font-weight: normal;
    }

.topDiv120 {
    vertical-align: top;
    text-align: left;
    height: inherit;
    min-height: 120px;
    height: auto !important;
    height: 120px;
}

.heightDiv300 {
    vertical-align: top;
    text-align: center;
    height: inherit;
    min-height: 300px;
    height: auto !important;
    height: 300px;
}

/* Boxes */
.normalForm .sectionHeader, .normalForm span.sectionHeader, span.sectionHeader {
    display: block;
    position: relative;
    border: 1px solid #cccccc;
    background-color: #de8db0;
    padding: 3px 0px;
    margin-top: 5px;
    border-radius: 15px 15px 0px 0px;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    color: #000;
    /*font-weight: bold;*/
    font-size: 14px;
    /* Use web http://gradients.glrzad.com/ to test different colour combinations */
    background-image: linear-gradient(bottom, rgb(228,178,200) 22%, rgb(222,141,176) 57%);
    background-image: -o-linear-gradient(bottom, rgb(228,178,200) 22%, rgb(222,141,176) 57%);
    background-image: -moz-linear-gradient(bottom, rgb(228,178,200) 22%, rgb(222,141,176) 57%);
    background-image: -webkit-linear-gradient(bottom, rgb(228,178,200) 22%, rgb(222,141,176) 57%);
    background-image: -ms-linear-gradient(bottom, rgb(228,178,200) 22%, rgb(222,141,176) 57%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.22, rgb(228,178,200)), color-stop(0.57, rgb(222,141,176)) );
    /*background-image: linear-gradient(bottom, rgb(214,207,210) 23%, rgb(158,153,155) 65%);
	background-image: -o-linear-gradient(bottom, rgb(214,207,210) 23%, rgb(158,153,155) 65%);
	background-image: -moz-linear-gradient(bottom, rgb(214,207,210) 23%, rgb(158,153,155) 65%);
	background-image: -webkit-linear-gradient(bottom, rgb(214,207,210) 23%, rgb(158,153,155) 65%);
	background-image: -ms-linear-gradient(bottom, rgb(214,207,210) 23%, rgb(158,153,155) 65%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.23, rgb(214,207,210)), color-stop(0.65, rgb(158,153,155)) );*/
}
/*Andreas Version 1.3.2 used in popups*/
.normalForm .sectionHeaderSmall, .normalForm span.sectionHeaderSmall, span.sectionHeaderSmall {
    display: block;
    position: relative;
    border: 1px solid #cccccc;
    background-color: #de8db0;
    padding: 3px 0px;
    margin-top: 5px;
    border-radius: 15px 15px 0px 0px;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    color: #000;
    /*font-weight: bold;*/
    font-size: 10px;
    /* Use web http://gradients.glrzad.com/ to test different colour combinations */
    background-image: linear-gradient(bottom, rgb(228,178,200) 22%, rgb(222,141,176) 57%);
    background-image: -o-linear-gradient(bottom, rgb(228,178,200) 22%, rgb(222,141,176) 57%);
    background-image: -moz-linear-gradient(bottom, rgb(228,178,200) 22%, rgb(222,141,176) 57%);
    background-image: -webkit-linear-gradient(bottom, rgb(228,178,200) 22%, rgb(222,141,176) 57%);
    background-image: -ms-linear-gradient(bottom, rgb(228,178,200) 22%, rgb(222,141,176) 57%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.22, rgb(228,178,200)), color-stop(0.57, rgb(222,141,176)) );
    /*background-image: linear-gradient(bottom, rgb(214,207,210) 23%, rgb(158,153,155) 65%);
	background-image: -o-linear-gradient(bottom, rgb(214,207,210) 23%, rgb(158,153,155) 65%);
	background-image: -moz-linear-gradient(bottom, rgb(214,207,210) 23%, rgb(158,153,155) 65%);
	background-image: -webkit-linear-gradient(bottom, rgb(214,207,210) 23%, rgb(158,153,155) 65%);
	background-image: -ms-linear-gradient(bottom, rgb(214,207,210) 23%, rgb(158,153,155) 65%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.23, rgb(214,207,210)), color-stop(0.65, rgb(158,153,155)) );*/
}

/*Hover Menu*/
.popupMenu, .normalForm .popupMenu, .grid .popupMenu {
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    opacity: .9;
    filter: alpha(opacity=90);
}

/* FOR FEEDBACK & SUPPORT TAB*/
.tab {
    position: fixed;
    left: 0;
    top: 250px;
}

/*For progress "bar*/
#blur {
    width: 100%;
    background-color: white;
    opacity: .4;
    filter: alpha(opacity=40);
    z-index: 120;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.blur {
    width: 100%;
    background-color: white;
    opacity: .4;
    filter: alpha(opacity=40);
    z-index: 120;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.blurClass {
    width: 100%;
    background-color: white;
    /*moz-opacity: 0.4;
    khtml-opacity: .4;*/
    opacity: .4;
    filter: alpha(opacity=40);
    z-index: 120;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


#progress {
    z-index: 200;
    /*background-color: yellow;*/
    background-color: #F1F1F1;
    /*position:relative;*/ /* relative may be required if the message isn't centered on the screen */
    top: 40%;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    border: solid 1px black;
    padding: 25px 5px 25px 5px;
    text-align: center;
    font-size: small;
    font-weight: bolder;
    vertical-align: middle;
    width: 300px;
}

.progress {
    z-index: 200;
    /*background-color: yellow;*/
    background-color: #F1F1F1;
    /*position:relative;*/ /* relative may be required if the message isn't centered on the screen */
    top: 40%;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    border: solid 1px black;
    padding: 25px 5px 25px 5px;
    text-align: center;
    font-size: small;
    font-weight: bolder;
    vertical-align: middle;
    width: 300px;
}


.progressClass {
    z-index: 200;
    /*background-color: yellow;*/
    background-color: #F1F1F1;
    /*position:relative;*/ /* relative may be required if the message isn't centered on the screen */
    top: 40%;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    border: solid 1px black;
    padding: 25px 5px 25px 5px;
    text-align: center;
    font-size: small;
    font-weight: bolder;
    vertical-align: middle;
    width: 300px;
}

#TermsAndConditions {
    z-index: 200;
    /*background-color: yellow;*/
    background-color: #F1F1F1;
    /*position:relative;*/ /* relative may be required if the message isn't centered on the screen */
    top: 0%;
    left: 0%;
    margin-left: 0px;
    position: absolute;
    border: solid 1px black;
    padding: 5px 5px 5px 5px;
    text-align: center;
    font-size: small;
    font-weight: bolder;
    vertical-align: middle;
    width: 620px;
}

.AccordionHeader {
    /*background-color: #F1F1F1;*/
    width: 958px;
    text-align: left;
    border-color: #C6C3C6;
    border: 1px solid #C6C3C6;
    background-color: #F1F1F1;
}

.AccordionDetail {
    /*background-color: #F1F1F1;*/
    width: 948px;
    text-align: left;
    border: 1px solid;
    border-color: #C6C3C6;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.AccordionRegulationHeader {
    background-color: #F1F1F1;
    text-decoration: underline;
    /*width:958px;
    text-align: left;
	border-color:#C6C3C6;
    border:1px solid #C6C3C6;

    background-color:#F1F1F1;*/
}

/*AutoComplete flyout*/
.AutoExtenderListSidebar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    /*border-bottom: dotted 1px #006699;*/
    cursor: pointer;
    color: Black;
    background-color: white;
    overflow: auto;
    text-align: left;
    min-height: 50px;
    height: auto !important;
    max-height: 200px;
}


.AutoExtender {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    border: solid 1px #006699;
    background-color: White;
}

.AutoExtenderList {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Black;
    margin-left: 2px;
}

.AutoExtenderHighlight {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: Black;
    background-color: #C0C0C0;
    cursor: pointer;
    border-bottom: dotted 1px #006699;
    margin-left: 2px;
}

.AccordionTextRegulationGroupHeader {
    font-size: 12px !important;
}

.AccordionTextRegulationHeader {
    font-size: 12px !important;
}

.AccordionText {
    /*font-weight: normal !important;*/
    font-size: 12px !important;
    font-weight: normal !important;
    width: 185px !important;
}

.AccordionTextSmall {
    font-size: 10px !important;
    font-weight: normal !important;
}

.ImageNoPadding {
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}

    .ImageNoPadding input, .ImageNoPadding textarea, .ImageNoPadding select {
        border: 0px solid #e2e2e2;
        background: #fff;
        color: #333;
        padding: 0px;
        width: 260px;
        display: inline;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0px;
    }

/*
    Andreas Version 1.2.8
    This is to set Elipsis (...) at the end of a large table columns (i.e. grids)
    */
td.NoWrap {
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
}

div.NoWrap {
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
}

span.NoWrap {
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
}

.gridFooterWidget td, .gridFooterWidget th, gridColumn3Widget td, gridColumn3Widget th {
    border: none;
    font-size: 12px;
    padding: 0 10px 0 10px;
    text-align: left;
}

.gridWidget td {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    /*white-space: nowrap;*/ /* Prevents from splitting the item in 2 lines */
    vertical-align: central;
    padding: 0px 3px 3px 3px;
    font-weight: normal;
}

.TabControlDivClass {
    min-height: 350px;
}

.TopMargin5px {
    padding: 5px 0px 0px 0px !important;
}

.NoPadding td {
    padding: 0px 0px 0px 0px !important;
}

.PaddingMediumCalendar td {
    padding: 4px 4px 4px 4px !important;
}


input.DateFieldSmall {
    width: 60px !important;
    vertical-align: central;
}

.normalFormSmall {
    font-size: 11px !important;
    /*color:red !important;*/
}

    .normalFormSmall table {
        border-spacing: 0;
        /*width: 100%;*/
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0 0px !important;
    }

    .normalFormSmall th span {
        font-size: 11px !important;
        border: none 0px;
        padding-left: 0 !important;
        padding: 0px !important;
        vertical-align: middle;
        font-weight: bold;
    }

    .normalFormSmall td span {
        font-size: 11px !important;
        padding-right: 0px !important;
        padding: 0px !important;
        border: 0 none;
        min-height: 12px;
        vertical-align: middle;
        /*border-spacing: 15px;*/
    }

.fontSmall11 {
    font-size: 11px !important;
}
/*ANDREAS Version 1.4.1 Attendance marked as IN*/
.btn-success {
    color: #ffffff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    text-align: center !important;
}
/*ANDREAS Version 1.4.1 Attendance marked as OUT*/
.btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
    text-align: center !important;
}
/*ANDREAS Version 1.4.1 Attendance marked as ABSENT*/
.btn-ambar {
    color: #fff !important;
    background-color: #ff8119;
    border-color: #ff8119;
    text-align: center !important;
}

.wideButton-responsive {
    background-color: #f3f1f1;
    padding: 6px 13px;
    border: 1px solid #bebebe;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background-image: linear-gradient(180deg, #fffefe, #eaeaea);
}


/*Thibault Nuapay Integration : Font Awesome Button*/
button.faButton {
    background-image: none;
    width: auto;
}

.radio-btn {
    padding: 5px;
}

.normalForm .chkboxlist td:nth-child(2) label {
    width: 650px;
}

.normalForm.comm-details span {
    display: inline !important;
}

    .normalForm .comm-details span:nth-child(2) {
        font-weight: 400;
        color: #4169e1;
    }

.normalForm .comm-details span {
    display: inline !important;
}

.normalForm .comm-details tr > td {
    padding-bottom:10px;
}

#txtDatePicker {
    float:left;
    margin-top:6px;
}

/*Niall Mobile responsiveness for signup form*/
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}


.normalForm .dropdownCheckBox span{
    display: block;
    width: 15px;
    vertical-align: central;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    /*white-space:nowrap;*/ /* Prevents from splitting the item in 2 lines */
    font-weight: bold;
}

.tableRowPad tr td label {
    padding-top: 8px;
}

/*Niall override .normalForm span width from 160 to auto; */
.normalFormNoWidth {
    display: block;
    vertical-align: central;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #233060;
}

.checkbox-table label, .checkbox-table span {
    width: auto !important;
    display: inline-flex;
    padding: 5px 7px;
    background-color: #f9f9f9;
    border-radius: 20px;
}

.checkbox-table td {
    width: auto !important;
}

.checkbox-table input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.btnActivationGreen {
    background-color: #31ae25;
    color: #fff !important;
    padding: 6px;
    box-shadow: 2px 2px 2px 1px #bdbdbd;
    margin: 5px 0px !important;
    border-radius: 4px;
    border: 1px solid #299a1e;
}
.btnActivationRed {
    background-color: #ed143d;
    color: #fff !important;
    padding: 6px;
    box-shadow: 2px 2px 2px 1px #bdbdbd;
    margin: 5px 0px !important;
    border-radius: 4px;
    border: 1px solid #9a122c;
}
.btnActivationBlue {
    background-color: #1f74e0;
    color: #fff !important;
    padding: 6px;
    box-shadow: 2px 2px 2px 1px #bdbdbd;
    margin: 5px 0px !important;
    border-radius: 4px;
    border: 1px solid #1a55a0;
}
/*Andreas Version 3.0.0*/
.wrapWord {
    word-break: break-all !important;
}

.text-success {
    color: #28a745 !important;
}

.text-error {
    color: #dc3545 !important;
}

.btn-default {
    background-image: linear-gradient(0, #f7f7f7, #ffffff) !important;
    width: auto;
    background-color: #f8f8f8;
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    padding: 0 8px;
    font-size: 12px;
    min-width: 99px !important;
    text-transform: uppercase;
}

.noWidth span {
    width: 16px;
}