/* Minification failed. Returning unminified contents.
(469,4): run-time error CSS1033: Expected closing bracket, found ':'
(469,10): run-time error CSS1031: Expected selector, found ']'
(469,10): run-time error CSS1025: Expected comma or open brace, found ']'
 */
/* General html */
h5 {
	font-weight: bold;
}
/*Application / Tracking Forms*/
.conditional-panel, .conditional-off,
.print-view {
	display: none;
}

	.conditional-panel.on {
		display: block;
	}

.print-answer, .print-answer p, .print-answer li {
	color: blue;
	/*font-style: italic;*/
}

.print-answer, .keep-line-break {
	color: blue;
	white-space: pre-line;
}

.text-area, .vertical-resize-textarea {
	resize: vertical !important;
}

.file-list {
	list-style: none;
	list-style-type: none;
}


/*Bootstrap btn for file*/
.btn-file {
	position: relative;
	overflow: hidden;
}

	.btn-file input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		min-width: 100%;
		min-height: 100%;
		font-size: 100px;
		text-align: right;
		filter: alpha(opacity=0);
		opacity: 0;
		outline: none;
		background: white;
		cursor: inherit;
		display: block;
	}

div.word-count {
	color: gray;
	font-size: 80%;
}

	div.word-count span.counter.over {
		color: #e74c3c;
	}

.google-maps iframe {
	width: 100% !important;
}

.google-maps-half iframe {
	width: 50% !important;
}

.btn-link {
	cursor: pointer;
}

/*Headers*/
h2.page-title {
	margin-top: 0;
}

/*CUSTOM*/
.table tr th {
	text-transform: uppercase;
	font-weight: bold;
}

fieldset {
	margin-bottom: 20px;
}

legend {
	text-transform: uppercase;
	font-size: 18px;
}

/*notifcation*/
.notification-no-link a.notification-text {
	color: #414141 !important;
	text-decoration: none;
	cursor: default;
}

#larta-tagline {
	height: 50px;
	padding: 30px 0 0;
}

form[role="form"] label {
	font-weight: bold;
}

form[role="form"] .radio label,
form[role="form"] .checkbox label,
form[role="form"] .radio-inline {
	font-weight: normal;
}

form[role="form"] div.conditional-panel,
form[role="form"] div.conditional-panel-multi,
form[role="form"] div.sub-question {
	margin-left: 25px;
}

div.panel-footer ul.pagination {
	margin: 0;
}

.login h2 {
	margin-top: 0;
}

.form-group ul.checkbox-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
}

.form-group.form-inline ul.checkbox-list li {
	width: 50%;
	float: left;
}

.form-group.form-inline ul.checkbox-list label {
	margin: 0 0 0 5px;
}
/*modal*/
.modal-body {
	text-align: left;
}

sup.glyphicon {
	top: -0.5em;
}

p, li {
	color: #414141;
}

/*ALERTS color*/
.alert > p, .alert > ul {
	margin: 5px 0;
}

.alert.alert-thin {
	padding: 5px 35px 5px 15px;
	margin-bottom: 5px;
}

	.alert.alert-thin:last-of-type {
		margin-bottom: 20px;
	}

.alert > h4 {
	margin-bottom: 0;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
	border: none;
}

/*place holder*/
.form-control::-webkit-input-placeholder {
	color: #e6e6e6 !important;
}

.form-control::-moz-placeholder {
	color: #e6e6e6 !important;
}

.form-control::-ms-placeholder {
	color: #e6e6e6 !important;
}

.form-control::placeholder {
	color: #e6e6e6 !important;
}

.ym-fbox-text::-webkit-input-placeholder {
	color: #f6f6f6;
}

.ym-fbox-text::-moz-placeholder {
	color: #f6f6f6;
}
/* firefox 19+ */
.ym-fbox-text:-ms-input-placeholder {
	color: #f6f6f6;
}
/* ie */
.ym-fbox-text:-moz-placeholder {
	color: #f6f6f6;
}

.noti-overlay-right {
	position: absolute;
	top: 0;
	left: 100%;
	width: 25%;
	height: 100%;
	background-color: #CDE8F5;
	color: #8a6d3b;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.noti:hover .noti-overlay-right {
	visibility: visible;
	opacity: 1;
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.margin-left-0 {
	margin-left: 0px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-20 {
	margin-left: 20px;
}

.field-validation-error {
	color: #e74c3c;
	font-weight: bold;
}

.flexslider img,
.program-banner img {
	max-width: 100%;
	height: auto;
}

.program-banner {
	text-align: center;
	margin-bottom: 15px;
}


.detail-close {
	display: none;
}

.alert h3 {
	margin-top: 0;
}

/* FORMS */
.form-label {
	font-size: 14px;
	padding: 6px 13px;
}

.form-group-thin {
	margin-bottom: 5px !important;
}

.form-control.thin {
	padding: 6px;
}

.form-footer {
	padding: 15px 15px 0 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}

.paging-size {
	padding: 5px;
	text-align: right;
	/*border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;*/
	background-color: #e5e5e5;
}

larta-form-required-indicator {
	top: 25px;
}

span.red {
	font-weight: bold;
	color: red;
}


.table > thead > tr > td.disabled,
.table > tbody > tr > td.disabled,
.table > tfoot > tr > td.disabled,
.table > thead > tr > th.disabled,
.table > tbody > tr > th.disabled,
.table > tfoot > tr > th.disabled,
.table > thead > tr.disabled > td,
.table > tbody > tr.disabled > td,
.table > tfoot > tr.disabled > td,
.table > thead > tr.disabled > th,
.table > tbody > tr.disabled > th,
.table > tfoot > tr.disabled > th {
	background-color: #b5b5b5;
}

.bg-disabled {
	background-color: #b5b5b5;
}

a.bg-disabled:hover {
	background-color: #696969;
}

.cursor-pointer {
	cursor: pointer;
}

#industry-need-help-icon {
	z-index: 100000;
	position: fixed;
	right: 10px;
	bottom: 10px;
}

/* Step wizard styles for Tracking and Application, etc.*/


.verwizard a:hover {
	text-decoration: underline;
}

.verwizard a.selected {
	background: #e0e0e0;
	/*color: #fff;*/
	font-weight: bold;
}

.verwizard a.done, .verwizard a.needsattention, .verwizard a.skip {
	/*background: #333;
            color: #aaa;*/
	font-weight: bold;
	/*background-image: url("/images/icons/success-icon.png");
            background-position:right;
            background-repeat:no-repeat;*/
}

.verwizard a.done, .verwizard a.idle, .verwizard a.skip {
	font-style: italic;
	/*background: #333;
            color: #aaa;*/
	/*font-weight: bold;*/
	/*background-image: url("/images/icons/success-icon.png");
            background-position:right;
            background-repeat:no-repeat;*/
}

	.verwizard a.done:before {
		content: "✔ ";
		color: #88CC88;
		font-size: 1.2em;
	}

.verwizard a.skip:before {
	content: "* ";
	color: #DDAA44;
	font-size: 1.2em;
}

.verwizard a.idle:before {
	content: "* ";
	color: #DDAA44;
	font-size: 1.2em;
}

.verwizard a.needsattention:before {
	content: "! ";
	color: #BB6666;
	font-size: 1.2em;
}

.verwizard a.disabled {
	font-style: italic;
	text-decoration: none;
}


h3.panel-title span {
	display: block;
	font-size: 16px;
}

h3.panel-title small {
	display: block;
	font-size: 16px;
}

.fa-sort-padding {
	padding-top: .3em;
}


/* Hide radio buttons and use image instead */

.thumb_selector {
	visibility: hidden;
}

	.thumb_selector + label {
		cursor: pointer;
	}

/*.thumb_selector:checked + label {
    color: #53b7e8;
}*/

.validation-summary-errors {
	position: relative;
	margin-bottom: 20px;
	-moz-box-shadow: 1px 1px 2px #ddd;
	border: 1px solid #e18b7c;
	background-color: #fad5cf;
	padding: 5px;
	font-size: 1em;
	color: #333;
}

	.validation-summary-errors ul {
		margin: 10px 0 10px 20px;
		color: #666666;
	}

.increase-popover-width {
	max-width: 600px;
}

[ng:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

/**Border styles*/
.border-color-yellow {
    border-color: #fdcb6e !important;
}

.search-highlight > em {
    background-color: yellow;
}

/**Blog Icon*/
.icon-blog {
	content: url("https://lartaportal.blob.core.windows.net/images/larta/larta_ideas_energized_lightbulb_logo_black.png");
	height: 13.6px;
	width: 16px;
	vertical-align: middle;
}

/**Application form*/
a.disabled.wizard-link {
    color: #e0e0e0;
    cursor: inherit;
}

.flex{
	display:flex;
}
/*Dividers*/
.divider{
    margin:10px 0;
    padding:0;
}
.divider.divider-dotted {
  border-top: 2px dotted #eee;
}
.divider.divider-dashed {
  border-top: 2px dashed #eee;
}

.divider.divider-db {
  height: 5px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.divider.divider-db-dashed {
  height: 5px;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
}
.divider.divider-db-dotted {
  height: 5px;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
}

/*Button Styles
------------------------------------*/
.btn {
    box-shadow: none;
    /*border-radius:0px;*/
}

.btn-u {
    border: 0;
    color: #fff !important;
    /*font-size: 14px;*/
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #72c02c;
    display: inline-block;
    text-decoration: none;
}

    .btn-u:hover {
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.btn-u-sm,
a.btn-u-sm {
    padding: 3px 12px;
}

.btn-u-lg,
a.btn-u-lg {
    font-size: 18px;
    padding: 10px 25px;
}

.btn-u-xs,
a.btn-u-xs {
    font-size: 12px;
    padding: 2px 12px;
    line-height: 18px;
}

/*Button Groups*/
.btn-group .dropdown-menu > li > a {
    padding: 3px 13px;
}

.btn-group > .btn-u,
.btn-group-vertical > .btn-u {
    float: left;
    position: relative;
}

    .btn-group > .btn-u:first-child {
        margin-left: 0;
    }

/*For FF Only*/
@-moz-document url-prefix() {
    .footer-subsribe .btn-u {
        padding-bottom: 4px;
    }
}

@media (max-width: 768px) {
    @-moz-document url-prefix() {
        .btn-u {
            padding-bottom: 6px;
        }
    }
}

/*Buttons Color*/
.btn-u:hover,
.btn-u:focus,
.btn-u:active,
.btn-u.active,
.open .dropdown-toggle.btn-u {
    background: #5fb611;
}

.btn-u-split.dropdown-toggle {
    border-left: solid 1px #5fb611;
}

.btn-u.btn-u-blue {
    background: #3498db;
}

    .btn-u.btn-u-blue:hover,
    .btn-u.btn-u-blue:focus,
    .btn-u.btn-u-blue:active,
    .btn-u.btn-u-blue.active,
    .open .dropdown-toggle.btn-u.btn-u-blue {
        background: #2980b9;
    }

.btn-u.btn-u-split-blue.dropdown-toggle {
    border-left: solid 1px #2980b9;
}

.btn-u.btn-u-red {
    background: #e74c3c;
}

    .btn-u.btn-u-red:hover,
    .btn-u.btn-u-red:focus,
    .btn-u.btn-u-red:active,
    .btn-u.btn-u-red.active,
    .open .dropdown-toggle.btn-u.btn-u-red {
        background: #c0392b;
    }

.btn-u.btn-u-split-red.dropdown-toggle {
    border-left: solid 1px #c0392b;
}

.btn-u.btn-u-orange {
    background: #e67e22;
}

    .btn-u.btn-u-orange:hover,
    .btn-u.btn-u-orange:focus,
    .btn-u.btn-u-orange:active,
    .btn-u.btn-u-orange.active,
    .open .dropdown-toggle.btn-u.btn-u-orange {
        background: #d35400;
    }

.btn-u.btn-u-split-orange.dropdown-toggle {
    border-left: solid 1px #d35400;
}

.btn-u.btn-u-sea {
    background: #1abc9c;
}

    .btn-u.btn-u-sea:hover,
    .btn-u.btn-u-sea:focus,
    .btn-u.btn-u-sea:active,
    .btn-u.btn-u-sea.active,
    .open .dropdown-toggle.btn-u.btn-u-sea {
        background: #16a085;
    }

.btn-u.btn-u-split-sea.dropdown-toggle {
    border-left: solid 1px #16a085;
}

.btn-u.btn-u-green {
    background: #2ecc71;
}

    .btn-u.btn-u-green:hover,
    .btn-u.btn-u-green:focus,
    .btn-u.btn-u-green:active,
    .btn-u.btn-u-green.active,
    .open .dropdown-toggle.btn-u.btn-u-green {
        background: #27ae60;
    }

.btn-u.btn-u-split-green.dropdown-toggle {
    border-left: solid 1px #27ae60;
}

.btn-u.btn-u-yellow {
    background: #f1c40f;
}

    .btn-u.btn-u-yellow:hover,
    .btn-u.btn-u-yellow:focus,
    .btn-u.btn-u-yellow:active,
    .btn-u.btn-u-yellow.active,
    .open .dropdown-toggle.btn-u.btn-u-yellow {
        background: #f39c12;
    }

.btn-u.btn-u-split-yellow.dropdown-toggle {
    border-left: solid 1px #f39c12;
}

.btn-u.btn-u-default {
    background: #95a5a6;
}

    .btn-u.btn-u-default:hover,
    .btn-u.btn-u-default:focus,
    .btn-u.btn-u-default:active,
    .btn-u.btn-u-default.active,
    .open .dropdown-toggle.btn-u.btn-u-default {
        background: #7f8c8d;
    }

.btn-u.btn-u-split-default.dropdown-toggle {
    border-left: solid 1px #7f8c8d;
}

.btn-u.btn-u-purple {
    background: #9b6bcc;
}

    .btn-u.btn-u-purple:hover,
    .btn-u.btn-u-purple:focus,
    .btn-u.btn-u-purple:active,
    .btn-u.btn-u-purple.active,
    .open .dropdown-toggle.btn-u.btn-u-purple {
        background: #814fb5;
    }

.btn-u.btn-u-split-purple.dropdown-toggle {
    border-left: solid 1px #814fb5;
}

.btn-u.btn-u-aqua {
    background: #27d7e7;
}

    .btn-u.btn-u-aqua:hover,
    .btn-u.btn-u-aqua:focus,
    .btn-u.btn-u-aqua:active,
    .btn-u.btn-u-aqua.active,
    .open .dropdown-toggle.btn-u.btn-u-aqua {
        background: #26bac8;
    }

.btn-u.btn-u-split-aqua.dropdown-toggle {
    border-left: solid 1px #26bac8;
}

.btn-u.btn-u-brown {
    background: #9c8061;
}

    .btn-u.btn-u-brown:hover,
    .btn-u.btn-u-brown:focus,
    .btn-u.btn-u-brown:active,
    .btn-u.btn-u-brown.active,
    .open .dropdown-toggle.btn-u.btn-u-brown {
        background: #81674b;
    }

.btn-u.btn-u-split-brown.dropdown-toggle {
    border-left: solid 1px #81674b;
}

.btn-u.btn-u-dark-blue {
    background: #4765a0;
}

    .btn-u.btn-u-dark-blue:hover,
    .btn-u.btn-u-dark-blue:focus,
    .btn-u.btn-u-dark-blue:active,
    .btn-u.btn-u-dark-blue.active,
    .open .dropdown-toggle.btn-u.btn-u-dark-blue {
        background: #324c80;
    }

.btn-u.btn-u-split-dark.dropdown-toggle {
    border-left: solid 1px #324c80;
}

.btn-u.btn-u-light-green {
    background: #79d5b3;
}

    .btn-u.btn-u-light-green:hover,
    .btn-u.btn-u-light-green:focus,
    .btn-u.btn-u-light-green:active,
    .btn-u.btn-u-light-green.active,
    .open .dropdown-toggle.btn-u.btn-u-light-green {
        background: #59b795;
    }

.btn-u.btn-u-split-light-green.dropdown-toggle {
    border-left: solid 1px #59b795;
}

.btn-u.btn-u-dark {
    background: #555;
}

    .btn-u.btn-u-dark:hover,
    .btn-u.btn-u-dark:focus,
    .btn-u.btn-u-dark:active,
    .btn-u.btn-u-dark.active,
    .open .dropdown-toggle.btn-u.btn-u-dark {
        background: #333;
    }

.btn-u.btn-u-split-dark.dropdown-toggle {
    border-left: solid 1px #333;
}

.btn-u.btn-u-light-grey {
    background: #585f69;
}

    .btn-u.btn-u-light-grey:hover,
    .btn-u.btn-u-light-grey:focus,
    .btn-u.btn-u-light-grey:active,
    .btn-u.btn-u-light-grey.active,
    .open .dropdown-toggle.btn-u.btn-u-light-grey {
        background: #484f58;
    }

.btn-u.btn-u-split-light-grey.dropdown-toggle {
    border-left: solid 1px #484f58;
}

/*Bordered Buttons*/
.btn-u.btn-brd {
    color: #555;
    font-weight: 200;
    background: none;
    border: solid 1px transparent;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .btn-u.btn-brd:hover {
        background: none;
        border: solid 1px #eee;
    }

    .btn-u.btn-brd:focus {
        background: none;
    }

    .btn-u.btn-brd.btn-brd-hover:hover {
        color: #fff !important;
    }

.btn-u.btn-brd {
    border-color: #72c02c;
}

    .btn-u.btn-brd:hover {
        color: #5fb611;
        border-color: #5fb611;
    }

    .btn-u.btn-brd.btn-brd-hover:hover {
        background: #5fb611;
    }

    .btn-u.btn-brd.btn-u-blue {
        border-color: #3498db;
    }

        .btn-u.btn-brd.btn-u-blue:hover {
            color: #2980b9;
            border-color: #2980b9;
        }

        .btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {
            background: #2980b9;
        }

    .btn-u.btn-brd.btn-u-red {
        border-color: #e74c3c;
    }

        .btn-u.btn-brd.btn-u-red:hover {
            color: #c0392b;
            border-color: #c0392b;
        }

        .btn-u.btn-brd.btn-u-red.btn-brd-hover:hover {
            background: #c0392b;
        }

    .btn-u.btn-brd.btn-u-orange {
        border-color: #e67e22;
    }

        .btn-u.btn-brd.btn-u-orange:hover {
            color: #d35400;
            border-color: #d35400;
        }

        .btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover {
            background: #d35400;
        }

    .btn-u.btn-brd.btn-u-sea {
        border-color: #1abc9c;
    }

        .btn-u.btn-brd.btn-u-sea:hover {
            color: #16a085;
            border-color: #16a085;
        }

        .btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover {
            background: #16a085;
        }

    .btn-u.btn-brd.btn-u-green {
        border-color: #2ecc71;
    }

        .btn-u.btn-brd.btn-u-green:hover {
            color: #27ae60;
            border-color: #27ae60;
        }

        .btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {
            background: #27ae60;
        }

    .btn-u.btn-brd.btn-u-yellow {
        border-color: #f1c40f;
    }

        .btn-u.btn-brd.btn-u-yellow:hover {
            color: #f39c12;
            border-color: #f39c12;
        }

        .btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {
            background: #f39c12;
        }

    .btn-u.btn-brd.btn-u-default {
        border-color: #95a5a6;
    }

        .btn-u.btn-brd.btn-u-default:hover {
            color: #7f8c8d;
            border-color: #7f8c8d;
        }

        .btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {
            background: #7f8c8d;
        }

    .btn-u.btn-brd.btn-u-dark {
        border-color: #555;
    }

        .btn-u.btn-brd.btn-u-dark:hover {
            color: #333;
            border-color: #333;
        }

        .btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
            background: #333;
        }

    .btn-u.btn-brd.btn-u-light-grey {
        border-color: #585f69;
    }

        .btn-u.btn-brd.btn-u-light-grey:hover {
            color: #484f58;
            border-color: #484f58;
        }

        .btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {
            background: #484f58;
        }

    .btn-u.btn-brd.btn-u-purple {
        border-color: #9b6bcc;
    }

        .btn-u.btn-brd.btn-u-purple:hover {
            color: #814fb5;
            border-color: #814fb5;
        }

        .btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {
            background: #814fb5;
        }

    .btn-u.btn-brd.btn-u-aqua {
        border-color: #27d7e7;
    }

        .btn-u.btn-brd.btn-u-aqua:hover {
            color: #26bac8;
            border-color: #26bac8;
        }

        .btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover {
            background: #26bac8;
        }

    .btn-u.btn-brd.btn-u-brown {
        border-color: #9c8061;
    }

        .btn-u.btn-brd.btn-u-brown:hover {
            color: #81674b;
            border-color: #81674b;
        }

        .btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {
            background: #81674b;
        }

    .btn-u.btn-brd.btn-u-dark-blue {
        border-color: #4765a0;
    }

        .btn-u.btn-brd.btn-u-dark-blue:hover {
            color: #324c80;
            border-color: #324c80;
        }

        .btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {
            background: #324c80;
        }

    .btn-u.btn-brd.btn-u-light-green {
        border-color: #79d5b3;
    }

        .btn-u.btn-brd.btn-u-light-green:hover {
            color: #59b795;
            border-color: #59b795;
        }

        .btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {
            background: #59b795;
        }

    .btn-u.btn-brd.btn-u-light {
        color: #fff;
        border-color: #fff;
    }

        .btn-u.btn-brd.btn-u-light:hover {
            border-color: #fff;
        }

        .btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
            background: #fff;
            color: #555 !important;
        }

/*Badges and Labels
------------------------------------*/
/*Labels*/
span.label {
    font-size: 11px;
    font-weight: 400;
    padding: 4px 7px;
}

/*Badges*/
.badge {
    font-weight: 400;
    padding: 4px 7px;
}

.label-u,
.badge-u {
    background: #72c02c;
}

.label-blue,
.badge-blue {
    background: #3498db;
}

.label-red,
.badge-red {
    background: #e74c3c;
}

.label-green,
.badge-green {
    background: #2ecc71;
}

.label-sea,
.badge-sea {
    background: #1abc9c;
}

.label-orange,
.badge-orange {
    background: #e67e22;
}

.label-yellow,
.badge-yellow {
    background: #f1c40f;
}

.label-purple,
.badge-purple {
    background: #9b6bcc;
}

.label-aqua,
.badge-aqua {
    background: #27d7e7;
}

.label-brown,
.badge-brown {
    background: #9c8061;
}

.label-dark-blue,
.badge-dark-blue {
    background: #4765a0;
}

.label-light-green,
.badge-light-green {
    background: #79d5b3;
}

.label-light,
.badge-light {
    color: #777;
    background: #ecf0f1;
}

.label-dark,
.badge-dark {
    background: #555;
}

/*Badge Lists*/
.badge-lists li {
    position: relative;
}

.badge-lists span.badge {
    top: -10px;
    right: -6px;
    position: absolute;
}

/*Badge Icons*/
.badge-lists.badge-icons span.badge {
    min-width: 12px;
    padding: 3px 6px;
}

.badge-lists.badge-icons i {
    font-size: 18px;
    min-width: 25px;
}

/*Badge Box v1*/
.badge-box-v1 a {
    color: #777;
    min-width: 40px;
    font-size: 18px;
    padding: 8px 9px;
    display: inline-block;
    border: solid 1px #eee;
}

/*Badge Box v2*/
.badge-box-v2 a {
    color: #777;
    font-size: 12px;
    padding: 10px;
    min-width: 70px;
    text-align: center;
    display: inline-block;
    border: solid 1px #eee;
}

    .badge-box-v2 a i {
        font-size: 20px;
    }

    /*General Badge Box*/
    .badge-box-v1 a i,
    .badge-box-v2 a i {
        display: block;
        margin: 1px auto 2px;
    }

    .badge-box-v1 a:hover,
    .badge-box-v2 a:hover {
        color: #555;
        border-color: #555;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

/*Icons
------------------------------------*/
/*Social Icons*/
.social-icons {
    margin: 0;
    padding: 0;
}

    .social-icons li {
        list-style: none;
        margin-right: 3px;
        margin-bottom: 5px;
        text-indent: -9999px;
        display: inline-block;
    }

        .social-icons li a, a.social-icon {
            width: 28px;
            height: 28px;
            display: block;
            background-position: 0 0;
            background-repeat: no-repeat;
            transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
        }

        .social-icons li:hover a {
            background-position: 0 -38px;
        }

.social-icons-color li a {
    opacity: 0.7;
    background-position: 0 -38px !important;
    -webkit-backface-visibility: hidden; /*For Chrome*/
}

    .social-icons-color li a:hover {
        opacity: 1;
    }

.social_amazon {
    background: url(../Content/icons/social/amazon.png) no-repeat;
}

.social_behance {
    background: url(../Content/icons/social/behance.png) no-repeat;
}

.social_blogger {
    background: url(../Content/icons/social/blogger.png) no-repeat;
}

.social_deviantart {
    background: url(../Content/icons/social/deviantart.png) no-repeat;
}

.social_dribbble {
    background: url(../Content/icons/social/dribbble.png) no-repeat;
}

.social_dropbox {
    background: url(../Content/icons/social/dropbox.png) no-repeat;
}

.social_evernote {
    background: url(../Content/icons/social/evernote.png) no-repeat;
}

.social_facebook {
    background: url(../Content/icons/social/facebook.png) no-repeat;
}

.social_forrst {
    background: url(../Content/icons/social/forrst.png) no-repeat;
}

.social_github {
    background: url(../Content/icons/social/github.png) no-repeat;
}

.social_googleplus {
    background: url(../Content/icons/social/googleplus.png) no-repeat;
}

.social_jolicloud {
    background: url(../Content/icons/social/jolicloud.png) no-repeat;
}

.social_last-fm {
    background: url(../Content/icons/social/last-fm.png) no-repeat;
}

.social_linkedin {
    background: url(../Content/icons/social/linkedin.png) no-repeat;
}

.social_picasa {
    background: url(../Content/icons/social/picasa.png) no-repeat;
}

.social_pintrest {
    background: url(../Content/icons/social/pintrest.png) no-repeat;
}

.social_rss {
    background: url(../Content/icons/social/rss.png) no-repeat;
}

.social_skype {
    background: url(../Content/icons/social/skype.png) no-repeat;
}

.social_spotify {
    background: url(../Content/icons/social/spotify.png) no-repeat;
}

.social_stumbleupon {
    background: url(../Content/icons/social/stumbleupon.png) no-repeat;
}

.social_tumblr {
    background: url(../Content/icons/social/tumblr.png) no-repeat;
}

.social_twitter {
    background: url(../Content/icons/social/twitter.png) no-repeat;
}

.social_vimeo {
    background: url(../Content/icons/social/vimeo.png) no-repeat;
}

.social_wordpress {
    background: url(../Content/icons/social/wordpress.png) no-repeat;
}

.social_xing {
    background: url(../Content/icons/social/xing.png) no-repeat;
}

.social_yahoo {
    background: url(../Content/icons/social/yahoo.png) no-repeat;
}

.social_youtube {
    background: url(../Content/icons/social/youtube.png) no-repeat;
}

.social_vk {
    background: url(../Content/icons/social/vk.png) no-repeat;
}

/*Font Awesome Icon Styles*/
i.icon-custom {
    color: #555;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 5px;
    text-align: center;
    display: inline-block;
    border: solid 1px #555;
}

i.icon-sm {
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
}

i.icon-lg {
    width: 60px;
    height: 60px;
    font-size: 31px;
    line-height: 60px;
    margin-bottom: 10px;
}

i.icon-2x {
    font-size: 30px;
}

i.icon-3x {
    font-size: 40px;
}

i.icon-4x {
    font-size: 50px;
}

/*Line Icons*/
i.icon-line {
    font-size: 17px;
}

i.icon-sm.icon-line {
    font-size: 14px;
}

i.icon-lg.icon-line {
    font-size: 28px;
}

i.icon-2x.icon-line {
    font-size: 27px;
}

i.icon-3x.icon-line {
    font-size: 36px;
}

i.icon-4x.icon-line {
    font-size: 47px;
}

/*Icon Styles For Links*/
.link-icon,
.link-bg-icon {
    color: #555;
}

    .link-icon:hover,
    .link-bg-icon:hover {
        border: none;
        text-decoration: none;
    }

        .link-icon:hover i {
            color: #72c02c;
            background: none;
            border: solid 1px #72c02c;
        }

        .link-bg-icon:hover i {
            color: #72c02c;
            background: #72c02c;
            border-color: #72c02c;
            color: #fff !important;
        }

/*Icons Color*/
i.icon-color-u,
i.icon-color-red,
i.icon-color-sea,
i.icon-color-dark,
i.icon-color-grey,
i.icon-color-blue,
i.icon-color-green,
i.icon-color-yellow,
i.icon-color-orange,
i.icon-color-purple,
i.icon-color-aqua,
i.icon-color-brown,
i.icon-color-dark-blue,
i.icon-color-light-grey,
i.icon-color-light-green {
    background: none;
}

i.icon-color-u {
    color: #72c02c;
    border: solid 1px #72c02c;
}

i.icon-color-blue {
    color: #3498db;
    border: solid 1px #3498db;
}

i.icon-color-red {
    color: #e74c3c;
    border: solid 1px #e74c3c;
}

i.icon-color-sea {
    color: #1abc9c;
    border: solid 1px #1abc9c;
}

i.icon-color-green {
    color: #2ecc71;
    border: solid 1px #2ecc71;
}

i.icon-color-yellow {
    color: #f1c40f;
    border: solid 1px #f1c40f;
}

i.icon-color-orange {
    color: #e67e22;
    border: solid 1px #e67e22;
}

i.icon-color-grey {
    color: #95a5a6;
    border: solid 1px #95a5a6;
}

i.icon-color-purple {
    color: #9b6bcc;
    border: solid 1px #9b6bcc;
}

i.icon-color-aqua {
    color: #27d7e7;
    border: solid 1px #27d7e7;
}

i.icon-color-brown {
    color: #9c8061;
    border: solid 1px #9c8061;
}

i.icon-color-dark-blue {
    /*color: #4765a0;
   border: solid 1px #4765a0;*/
    color: #203B8E;
    border: solid 1px #203B8E;
}

i.icon-color-light-green {
    color: #79d5b3;
    border: solid 1px #79d5b3;
}

i.icon-color-light {
    color: #fff;
    border: solid 1px #fff;
}

i.icon-color-light-blue {
    color: #55B7E5;
    border: solid 1px #55B7E5;
}

i.icon-color-light-grey {
    color: #585f69;
    border: solid 1px #585f69;
}

/*Icons Backgroun Color*/
i.icon-bg-u,
i.icon-bg-red,
i.icon-bg-sea,
i.icon-bg-dark,
i.icon-bg-grey,
i.icon-bg-blue,
i.icon-bg-green,
i.icon-bg-yellow,
i.icon-bg-orange,
i.icon-bg-purple,
i.icon-bg-aqua,
i.icon-bg-brown,
i.icon-bg-dark-blue,
i.icon-bg-light-grey,
i.icon-bg-light-green {
    color: #fff;
    border-color: transparent;
}

i.icon-bg-u {
    background: #72c02c;
}

i.icon-bg-blue {
    background: #3498db;
}

i.icon-bg-red {
    background: #e74c3c;
}

i.icon-bg-sea {
    background: #1abc9c;
}

i.icon-bg-green {
    background: #2ecc71;
}

i.icon-bg-yellow {
    background: #f1c40f;
}

i.icon-bg-orange {
    background: #e67e22;
}

i.icon-bg-grey {
    background: #95a5a6;
}

i.icon-bg-dark {
    background: #555;
}

i.icon-bg-purple {
    background: #9b6bcc;
}

i.icon-bg-aqua {
    background: #27d7e7;
}

i.icon-bg-brown {
    background: #9c8061;
}

i.icon-bg-dark-blue {
    background: #4765a0;
}

i.icon-bg-light-green {
    background: #79d5b3;
}

i.icon-bg-light {
    background: #fff;
    border-color: transparent;
}

i.icon-bg-light-grey {
    background: #585f69;
    border-color: transparent;
}

/* Make Font Awesome icons fixed width */
.fa-fixed [class^="fa"],
.fa-fixed [class*=" fa"] {
    width: 1.25em;
    text-align: center;
    display: inline-block;
}

    .fa-fixed [class^="fa"].fa-lg,
    .fa-fixed [class*=" fa"].fa-lg {
        /* increased font size for fa-lg */
        width: 1.5625em;
    }

/*Content Boxes
------------------------------------*/
/*Content Boxes v1*/
.content-boxes-v1 {
    text-align: center;
}

    .content-boxes-v1 span {
        display: block;
        margin-top: 5px;
    }

/*Content Boxes v2*/
@media (max-width: 992px) {
    .content-boxes-v2,
    .content-boxes-v2 .text-justify {
        text-align: center;
    }

        .content-boxes-v2 span {
            display: block;
            margin-top: 5px;
        }
}

/*Content Boxes v3*/
.content-boxes-v3 {
    margin-bottom: 15px;
}

    .content-boxes-v3 i {
        top: 8px;
        float: left;
        position: relative;
    }

    .content-boxes-v3 .content-boxes-in-v3 {
        padding: 0 10px;
        overflow: hidden;
    }

        .content-boxes-v3 .content-boxes-in-v3 h3 {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 3px;
            text-transform: capitalize;
        }

            .content-boxes-v3 .content-boxes-in-v3 h3 a {
                color: #555;
            }

/*Colored Content Boxes
------------------------------------*/
.service-block {
    padding: 20px 30px;
    /*text-align: center;*/
    margin-bottom: 20px;
}

    .service-block p,
    .service-block h2 {
        color: #fff;
    }
    .service-block h2 {
        margin-top:5px;
    }

        .service-block h2 a:hover {
            text-decoration: none;
        }

.service-block-light,
.service-block-default {
    background: #fafafa;
    border: solid 1px #eee;
}

    .service-block-default:hover {
        box-shadow: 0 0 8px #eee;
    }

    .service-block-light p,
    .service-block-light h2,
    .service-block-default p,
    .service-block-default h2 {
        color: #555;
    }

.service-block-u {
    background: #72c02c;
}

.service-block-blue {
    background: #203B8E;
}
.service-block-cyan {
    background: #55B7E5;
}
.service-block-green {
    background: #00683D;
}
.service-block-teal {
    background: #59B9AB;
}
.service-block-darkgrey {
    background: #414141;
}
.service-block-lightgrey {
    background: #CDCDCD;
}

.service-block-red {
    background: #e74c3c;
}

.service-block-sea {
    background: #1abc9c;
}

.service-block-grey {
    background: #95a5a6;
}

.service-block-yellow {
    background: #f1c40f;
}

.service-block-orange {
    background: #e67e22;
}


.service-block-purple {
    background: #9b6bcc;
}

.service-block-aqua {
    background: #27d7e7;
}

.service-block-brown {
    background: #9c8061;
}

.service-block-dark-blue {
    background: #4765a0;
}

.service-block-light-green {
    background: #79d5b3;
}

.service-block-dark {
    background: #555;
}

.service-block-light {
    background: #ecf0f1;
}

/*Funny Boxes
------------------------------------*/
.funny-boxes {
    overflow: hidden;
    padding: 15px 20px;
    margin-bottom: 25px;
    background: #f7f7f7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .funny-boxes h2 a {
        color: #555;
    }

    .funny-boxes p a {
        color: #72c02c;
    }

    .funny-boxes .funny-boxes-img li i {
        color: #72c02c;
        font-size: 12px;
        margin-right: 5px;
    }

    .funny-boxes .funny-boxes-img img {
        display: block;
        margin: 5px 10px 10px 0;
    }

    .funny-boxes h2 {
        margin-top: 0;
        font-size: 20px;
        line-height: 20px;
    }

    .funny-boxes ul.funny-boxes-rating li {
        display: inline;
    }

        .funny-boxes ul.funny-boxes-rating li i {
            color: #f8be2c;
            cursor: pointer;
            font-size: 16px;
        }

            .funny-boxes ul.funny-boxes-rating li i:hover {
                color: #f8be2c;
            }

/*Funny Colored Boxes*/
.funny-boxes-colored p,
.funny-boxes-colored h2 a,
.funny-boxes-colored .funny-boxes-img li,
.funny-boxes-colored .funny-boxes-img li i {
    color: #fff !important;
}

/*Red Funny Box*/
.funny-boxes-red {
    background: #e74c3c;
}

/*Blue Funny Box*/
.funny-boxes-blue {
    background: #3498db;
}

/*Grey Funny Box*/
.funny-boxes-grey {
    background: #95a5a6;
}

/*Turquoise Funny Box*/
.funny-boxes-sea {
    background: #1abc9c;
}

/*Turquoise Top Bordered Funny Box*/
.funny-boxes-top-sea {
    border-top: solid 2px #1abc9c;
}

    .funny-boxes-top-sea:hover {
        border-top-color: #16a085;
    }

/*Yellow Top Bordered Funny Box**/
.funny-boxes-top-yellow {
    border-top: solid 2px #f1c40f;
}

    .funny-boxes-top-yellow:hover {
        border-top-color: #f39c12;
    }

/*Orange Left Bordered Funny Box**/
.funny-boxes-left-orange {
    border-left: solid 2px #e67e22;
}

    .funny-boxes-left-orange:hover {
        border-left-color: #d35400;
    }

/*Green Left Bordered Funny Box**/
.funny-boxes-left-green {
    border-left: solid 2px #72c02c;
}

    .funny-boxes-left-green:hover {
        border-left-color: #5fb611;
    }

/*Green Right Bordered Funny Box**/
.funny-boxes-right-u {
    border-right: solid 2px #72c02c;
}

    .funny-boxes-right-u:hover {
        border-right-color: #5fb611;
    }

/*Typography
------------------------------------*/
/*Text Dropcap*/
.dropcap {
    float: left;
    color: #72c02c;
    padding: 5px 0;
    font-size: 45px;
    font-weight: 200;
    line-height: 30px;
    margin: 0px 5px 0 0;
}

.dropcap-bg {
    float: left;
    color: #fff;
    padding: 7px 0;
    min-width: 50px;
    font-size: 35px;
    font-weight: 200;
    line-height: 35px;
    text-align: center;
    background: #72c02c;
    margin: 4px 10px 0 0;
}

/*Text Highlights*/
.text-highlights {
    color: #fff;
    font-weight: 200;
    padding: 0px 5px;
    background: #555;
}

.text-highlights-green {
    background: #72c02c;
}

.text-highlights-blue {
    background: #3498db;
}

.text-highlights-red {
    background: #e74c3c;
}

.text-highlights-sea {
    background: #1abc9c;
}

.text-highlights-orange {
    background: #e67e22;
}

.text-highlights-yellow {
    background: #f1c40f;
}

.text-highlights-purple {
    background: #9b6bcc;
}

.text-highlights-aqua {
    background: #27d7e7;
}

.text-highlights-brown {
    background: #9c8061;
}

.text-highlights-dark-blue {
    background: #4765a0;
}

.text-highlights-light-green {
    background: #79d5b3;
}

/*Text Borders*/
.text-border {
    border-bottom: dashed 1px #555;
}

.text-border-default {
    border-color: #95a5a6;
}

.text-border-green {
    border-color: #72c02c;
}

.text-border-blue {
    border-color: #3498db;
}

.text-border-red {
    border-color: #e74c3c;
}

.text-border-yellow {
    border-color: #f1c40f;
}

.text-border-purple {
    border-color: #9b6bcc;
}

/*List Styles*/
.list-styles li {
    margin-bottom: 8px;
}

/*Tooltip*/
.tooltips-show {
    position: relative;
}

/*Contextual Backgrounds*/
.contex-bg p {
    opacity: 0.8;
    padding: 8px 10px;
}

    .contex-bg p:hover {
        opacity: 1;
    }

/*Blockquote*/
blockquote {
    padding: 5px 15px;
    border-left-width: 2px;
}

    blockquote p {
        font-size: 14px;
        font-weight: 400;
    }

    blockquote h1,
    blockquote h2 {
        font-size: 18px;
        margin: 0 0 8px;
        line-height: 24px;
    }

    /*Blockquote Styles*/
    blockquote.bq-text-lg p,
    blockquote.bq-text-lg small {
        text-transform: uppercase;
    }

    blockquote.bq-text-lg p {
        font-size: 22px;
        font-weight: 300;
        line-height: 32px;
    }

    blockquote.text-right,
    blockquote.hero.text-right {
        border-left: none;
        border-right: 2px solid #eee;
    }

        blockquote.hero.text-right,
        blockquote.hero.text-right:hover {
            border-color: #555;
        }

        blockquote:hover,
        blockquote.text-right:hover {
            border-color: #72c02c;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

    blockquote.bq-dark,
    blockquote.bq-dark:hover {
        border-color: #585f69;
    }

    blockquote.bq-green {
        border-color: #72c02c;
    }

    /*Blockquote Hero Styles*/
    blockquote.hero {
        border: none;
        padding: 18px;
        font-size: 16px;
        background: #f3f3f3;
        border-left: solid 2px #666;
    }

        blockquote.hero:hover {
            background: #eee;
            border-left-color: #666;
        }

        blockquote.hero.hero-dark,
        blockquote.hero.hero-default {
            border: none;
        }

        blockquote.hero.hero-dark {
            background: #444;
        }

            blockquote.hero.hero-dark:hover {
                background: #555;
            }

        blockquote.hero.hero-default {
            background: #72c02c;
        }

            blockquote.hero.hero-default:hover {
                background: #5fb611;
            }

            blockquote.hero.hero-dark p,
            blockquote.hero.hero-dark h2,
            blockquote.hero.hero-dark small,
            blockquote.hero.hero-default p,
            blockquote.hero.hero-default h2,
            blockquote.hero.hero-default small {
                color: #fff;
                font-weight: 200;
            }

/*Tag Boxes
------------------------------------*/
.tag-box {
    padding: 10px 20px;
    background: #fff;
    margin-bottom: 20px;
}

    .tag-box h2 {
        font-size: 20px;
        line-height: 25px;
    }

    /*.tag-box p {
        margin-bottom: 0;
    }*/

    .tag-box.tag-text-space p {
        margin-bottom: 10px;
    }

/*Tag Boxes v1*/
.tag-box-v1 {
    border: solid 1px #eee;
    border-top: solid 2px #55b7e5;
}

/*Tag Boxes v2*/
.tag-box-v2 {
    background: #fafafa;
    border: solid 1px #eee;
    border-left: solid 2px #55b7e5;
}

/*Tag Boxes v3*/
.tag-box-v3 {
    border: solid 2px #eee;
}

/*Tag Boxes v4*/
.tag-box-v4 {
    border: dashed 1px #bbb;
}

/*Tag Boxes v5*/
.tag-box-v5 {
    margin: 20px 0;
    text-align: center;
    border: dashed 1px #ccc;
}

    .tag-box-v5 span {
        color: #555;
        font-size: 28px;
        margin-bottom: 0;
    }

/*Tag Boxes v6*/
.tag-box-v6 {
    background: #fafafa;
    border: solid 1px #eee;
}

/*Tag Boxes v7*/
.tag-box-v7 {
    border: solid 1px #eee;
    border-bottom: solid 2px #72c02c;
}

/*Testimonials
------------------------------------*/
/*Testimonials*/
.testimonials {
    margin-bottom: 10px;
}

    .testimonials .testimonial-info {
        color: #72c02c;
        font-size: 16px;
        padding: 0 15px;
        margin-top: 18px;
    }

        .testimonials .testimonial-info span {
            top: 3px;
            position: relative;
        }

        .testimonials .testimonial-info em {
            color: #777;
            display: block;
            font-size: 13px;
        }

        .testimonials .testimonial-info img {
            width: 60px;
            float: left;
            height: 60px;
            padding: 2px;
            margin-right: 15px;
            border: solid 1px #ccc;
        }

    .testimonials .testimonial-author {
        overflow: hidden;
    }

    .testimonials .carousel-arrow {
        top: -65px;
        position: relative;
    }

        .testimonials .carousel-arrow i {
            color: #777;
            padding: 2px;
            min-width: 25px;
            font-size: 20px;
            text-align: center;
            background: #f5f5f5;
        }

            .testimonials .carousel-arrow i:hover {
                color: #fff;
                background: #72c02c;
            }

    .testimonials .carousel-control {
        opacity: 1;
        width: 100%;
        text-align: right;
        text-shadow: none;
        position: absolute;
        filter: Alpha(opacity = 100); /*For IE*/
    }

        .testimonials .carousel-control.left {
            right: 27px;
            left: auto;
        }

        .testimonials .carousel-control.right {
            right: 0px;
        }

    /*Testimonials v1*/
    .testimonials.testimonials-v1 .item p {
        position: relative;
    }

        .testimonials.testimonials-v1 .item p:after,
        .testimonials.testimonials-v1 .item p:before {
            left: 80px;
            bottom: -20px;
        }

        .testimonials.testimonials-v1 .item p:after {
            border-top: 22px solid;
            border-left: 0 solid transparent;
            border-right: 22px solid transparent;
        }

    /*Testimonials v2*/
    .testimonials.testimonials-v2 .testimonial-info {
        padding: 0 20px;
    }

    .testimonials.testimonials-v2 p {
        padding-bottom: 15px;
    }

    .testimonials.testimonials-v2 .carousel-arrow {
        top: -55px;
    }

    .testimonials.testimonials-v2 .item p:after,
    .testimonials.testimonials-v2 .item p:before {
        left: 8%;
        bottom: 45px;
    }

    .testimonials.testimonials-v2 .item p:after {
        border-top: 20px solid;
        border-left: 25px solid transparent;
        border-right: 0px solid transparent;
    }

    /*General Testimonials v1/v2*/
    .testimonials.testimonials-v1 p,
    .testimonials.testimonials-v2 p {
        padding: 15px;
        font-size: 14px;
        font-style: italic;
        background: #f5f5f5;
    }

    .testimonials.testimonials-v1 .item p:after,
    .testimonials.testimonials-v2 .item p:after {
        width: 0;
        height: 0;
        content: " ";
        display: block;
        position: absolute;
        border-top-color: #f5f5f5;
        border-left-style: inset; /*FF fixes*/
        border-right-style: inset; /*FF fixes*/
    }

/*Testimonials Backgrounds*/
.testimonials-bg-dark .item p,
.testimonials-bg-default .item p {
    color: #fff;
    font-weight: 200;
}

.testimonials-bg-dark .carousel-arrow i,
.testimonials-bg-default .carousel-arrow i {
    color: #fff;
}

/*Testimonials Default*/
.testimonials-bg-default .item p {
    background: #72c02c;
}

.testimonials.testimonials-bg-default .item p:after,
.testimonials.testimonials-bg-default .item p:after {
    border-top-color: #72c02c;
}

.testimonials-bg-default .carousel-arrow i {
    background: #72c02c;
}

.testimonials.testimonials-bg-default .carousel-arrow i:hover {
    background: #5fb611;
}

/*Testimonials Dark*/
.testimonials-bg-dark .item p {
    background: #555;
}

.testimonials.testimonials-bg-dark .item p:after,
.testimonials.testimonials-bg-dark .item p:after {
    border-top-color: #555;
}

.testimonials-bg-dark .carousel-arrow i {
    color: #fff;
    background: #555;
}

.testimonials.testimonials-bg-dark .carousel-arrow i:hover {
    background: #333;
}

.testimonials.testimonials-bg-dark .testimonial-info {
    color: #555;
}

/*Panels (Portlets)
------------------------------------*/
.panel-heading {
    color: #fff;
    padding: 5px 15px;
}

/*Panel Table*/
.panel .table {
    margin-bottom: 0;
}

/*Panel Unify*/
.panel-u {
    border-color: #72c02c;
}

    .panel-u > .panel-heading {
        background: #72c02c;
    }

/*Panel Blue*/
.panel-blue {
    border-color: #3498db;
}

    .panel-blue > .panel-heading {
        background: #3498db;
    }

/*Panel Red*/
.panel-red {
    border-color: #e74c3c;
}

    .panel-red > .panel-heading {
        background: #e74c3c;
    }

/*Panel Green*/
.panel-green {
    border-color: #2ecc71;
}

    .panel-green > .panel-heading {
        background: #2ecc71;
    }

/*Panel Sea*/
.panel-sea {
    border-color: #1abc9c;
}

    .panel-sea > .panel-heading {
        background: #1abc9c;
    }

/*Panel Orange*/
.panel-orange {
    border-color: #e67e22;
}

    .panel-orange > .panel-heading {
        background: #e67e22;
    }

/*Panel Yellow*/
.panel-yellow {
    border-color: #f1c40f;
}

    .panel-yellow > .panel-heading {
        background: #f1c40f;
    }

/*Panel Grey*/
.panel-grey {
    border-color: #95a5a6;
}

    .panel-grey > .panel-heading {
        background: #95a5a6;
    }

/*Panel Dark*/
.panel-dark {
    border-color: #555;
}

    .panel-dark > .panel-heading {
        background: #555;
    }

/*Panel Purple*/
.panel-purple {
    border-color: #9b6bcc;
}

    .panel-purple > .panel-heading {
        background: #9b6bcc;
    }

/*Panel Aqua*/
.panel-aqua {
    border-color: #27d7e7;
}

    .panel-aqua > .panel-heading {
        background: #27d7e7;
    }

/*Panel Brown*/
.panel-brown {
    border-color: #9c8061;
}

    .panel-brown > .panel-heading {
        background: #9c8061;
    }

/*Panel Dark Blue*/
.panel-dark-blue {
    border-color: #4765a0;
}

    .panel-dark-blue > .panel-heading {
        background: #4765a0;
    }


/*Panel Light Green*/
.panel-light-green {
    border-color: #79d5b3;
}

    .panel-light-green > .panel-heading {
        background: #79d5b3;
    }

/*Panel Default Dark*/
.panel-default-dark {
    border-color: #585f69;
}

    .panel-default-dark > .panel-heading {
        background: #585f69;
    }

    
.panel-larta-dark-blue {
    border-color: #203B8E;
}

    .panel-larta-dark-blue > .panel-heading {
        background: #203B8E;
    }

.panel-larta-light-blue {
    border-color: #55B7E5;
}

    .panel-larta-light-blue > .panel-heading {
        background: #55B7E5;
    }
    
.panel-larta-green {
    border-color: #0e633c;
}

    .panel-larta-green > .panel-heading {
        background: #0e633c;
    }
    
.panel-larta-teal {
    border-color: #45c0ae;
}

    .panel-larta-teal > .panel-heading {
        background: #45c0ae;
    }

/*Progress Bar
------------------------------------*/
.progress-u {
    box-shadow: none;
}

    .progress-u .progress-bar {
        box-shadow: none;
    }

/*progress-bar (sizes)*/
.progress-lg {
    height: 25px;
}

    .progress-lg p {
        padding-top: 3px;
    }

.progress-sm {
    height: 12px;
}

.progress-xs {
    height: 7px;
}

.progress-xxs {
    height: 3px;
}

/*progress-bar (colors)*/
.progress {
    background: #e5e5e5;
}

.progress-bar-u {
    background: #72c02c;
}

.progress-bar-blue {
    background: #3498db;
}

.progress-bar-orange {
    background: #e67e22;
}

.progress-bar-red {
    background: #e74c3c;
}

.progress-bar-purple {
    background: #9b6bcc;
}

.progress-bar-aqua {
    background: #27d7e7;
}

.progress-bar-brown {
    background: #9c8061;
}

.progress-bar-dark-blue {
    background: #4765a0;
}

.progress-bar-light-green {
    background: #79d5b3;
}

.progress-bar-dark {
    background: #555;
}

/*Count Stars
------------------------------------*/
.stars-existing {
    color: #72c02c;
    cursor: pointer;
}

.star-lg {
    font-size: 30px;
}

.star-sm {
    font-size: 25px;
}

.star-xs {
    font-size: 20px;
}

.star-default {
    font-size: 16px;
}

/*Media (Audio/Videos and Images)
------------------------------------*/
/*Images*/
img.img-bordered {
    padding: 3px;
    border: solid 1px #eee;
}

img.img-circle {
    border-radius: 50% !important;
}

/*Responsive Video*/
.responsive-video {
    height: 0;
    padding-top: 1px;
    position: relative;
    margin-bottom: -3px;
    padding-bottom: 56.25%; /*16:9*/
}

    .responsive-video iframe {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

/*Spaces
------------------------------------*/
.margin-left-5 {
    margin-left: 5px;
}

.margin-left-20 {
    margin-left: 20px;
}
.margin-right-5 {
    margin-right: 5px;
}

.no-top-space {
    margin-top: 0;
    padding-top: 0;
}

.no-bottom-space {
    margin-bottom: 0;
    padding-bottom: 0;
}

.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-15,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60 {
    clear: both;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-55 {
    margin-bottom: 55px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-55 {
    margin-top: 55px;
}

.margin-top-60 {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .sm-margin-bottom-10 {
        margin-bottom: 10px;
    }

    .sm-margin-bottom-20 {
        margin-bottom: 20px;
    }

    .sm-margin-bottom-30 {
        margin-bottom: 30px;
    }

    .sm-margin-bottom-40 {
        margin-bottom: 40px;
    }

    .sm-margin-bottom-50 {
        margin-bottom: 50px;
    }

    .sm-margin-bottom-60 {
        margin-bottom: 60px;
    }
}

@media (max-width: 992px) {
    .md-margin-bottom-10 {
        margin-bottom: 10px;
    }

    .md-margin-bottom-20 {
        margin-bottom: 20px;
    }

    .md-margin-bottom-30 {
        margin-bottom: 30px;
    }

    .md-margin-bottom-40 {
        margin-bottom: 40px;
    }

    .md-margin-bottom-50 {
        margin-bottom: 50px;
    }

    .md-margin-bottom-60 {
        margin-bottom: 60px;
    }
}

/*Height Spaces
------------------------------------*/
.height-250 {
    height: 250px;
}

.min-height-50 {
    min-height: 50px;
}

.min-height-100 {
    min-height: 100px;
}

.min-height-150 {
    min-height: 150px;
}

/*Text Colors
------------------------------------*/
.color-sea {
    color: #1abc9c;
}

.color-red {
    color: #e74c3c;
}

.color-aqua {
    color: #27d7e7;
}

.color-blue {
    color: #3498db;
}

.color-grey {
    color: #95a5a6;
}

.color-dark {
    color: #555555;
}

.color-green {
    color: #72c02c;
}

.color-brown {
    color: #9c8061;
}

.color-light {
    color: #ffffff;
}

.color-orange {
    color: #e67e22;
}

.color-light-orange {
    color: #f0ad4e;
}

.color-gold {
    color: #FFD700;
}

.color-green1 {
    color: #2ecc71;
}

.color-purple {
    color: #9b6bcc;
}

.color-dark-blue {
    color: #4765a0;
}

.color-light-grey {
    color: #585f69;
}

.color-light-green {
    color: #79d5b3;
}

/*Background Colors
------------------------------------*/
.bg-color-dark,
.bg-color-sea,
.bg-color-red,
.bg-color-aqua,
.bg-color-blue,
.bg-color-grey,
.bg-color-green,
.bg-color-brown,
.bg-color-orange,
.bg-color-green1,
.bg-color-purple,
.bg-color-dark-blue,
/*.bg-color-light-grey,*/
.bg-color-light-green {
    color: #fff;
}

.bg-color-dark {
    background-color: #555;
}

.bg-color-sea {
    background-color: #1abc9c;
}

.bg-color-red {
    background-color: #e74c3c;
}

.bg-color-aqua {
    background-color: #27d7e7;
}
.bg-color-cyan {
    background-color: #55b7e5;
}

.bg-color-blue {
    background-color: #3498db;
}

.bg-color-grey {
    background-color: #95a5a6;
}

.bg-color-green {
    background-color: #72c02c;
}

.bg-color-brown {
    background-color: #9c8061;
}

.bg-color-orange {
    background-color: #e67e22;
}

.bg-color-green1 {
    background-color: #2ecc71;
}

.bg-color-purple {
    background-color: #9b6bcc;
}

.bg-color-dark-blue {
    background-color: #4765a0;
}

.bg-color-light-grey {
    background-color: #ccc;
}

.bg-color-light-green {
    background-color: #79d5b3;
}

/*Rounded and Circle Classes
------------------------------------*/
.rounded {
    border-radius: 4px !important;
}

.rounded-x {
    border-radius: 50% !important;
}

.rounded-2x {
    border-radius: 10px !important;
}

.rounded-3x {
    border-radius: 15px !important;
}

.rounded-4x {
    border-radius: 20px !important;
}

.rounded-top {
    border-radius: 4px 4px 0 0 !important;
}

.rounded-left {
    border-radius: 4px 0 0 4px !important;
}

.rounded-right {
    border-radius: 0 4px 4px 0 !important;
}

.rounded-bottom {
    border-radius: 0 0 4px 4px !important;
}

/*Others
------------------------------------*/
.overflow-h {
    overflow: hidden;
}

.overflow-a {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.lft-img-margin {
    margin: 0 20px 5px 0;
}

.rgt-img-margin {
    margin: 0 0 5px 10px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-all-10 {
    padding: 10px;
}

.img-width-200 {
    width: 200px;
}

.card {
	overflow: hidden;
	padding: 0;
	border: 1px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	width: 200px;
	margin-bottom: 20px;
}

.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card-container {
	padding: 2px 16px;
}

/*.thumbnail {
	position: relative;
	width: 200px;
	height: 300px;
	overflow: hidden;
}

.thumbnail img {
	position: absolute;
	left: 50%;
	top: 25%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.thumbnail caption {
	position: absolute;
	bottom: 25px;
}*/

.text-justify p {
    text-align: justify;
}

/*Background Light*/
.bg-light {
    padding: 10px 15px;
    margin-bottom: 10px;
    background: #fcfcfc;
    border: solid 1px #e5e5e5;
}

    .bg-light:hover {
        border: solid 1px #bbb;
    }

/*CSS3 Hover Effects*/
.hover-effect {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hover-effect-kenburn {
    left: 10px;
    margin-left: -10px;
    position: relative;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

    .hover-effect-kenburn:hover {
        -webkit-transform: scale(2) rotate(5deg);
        -moz-transform: scale(2) rotate(5deg);
        -o-transform: scale(2) rotate(5deg);
        -ms-transform: scale(2) rotate(5deg);
        transform: scale(2) rotate(5deg);
    }

/*Animations*/

.icon-animated-bell {
    display: inline-block;
    -moz-animation: ringing 2.0s 5 ease 1.0s;
    -webkit-animation: ringing 2.0s 5 ease 1.0s;
    -o-animation: ringing 2.0s 5 ease 1.0s;
    -ms-animation: ringing 2.0s 5 ease 1.0s;
    animation: ringing 2.0s 5 ease 1.0s;
    -moz-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

@-moz-keyframes ringing {
    0% {
        -moz-transform: rotate(-15deg);
    }

    2% {
        -moz-transform: rotate(15deg);
    }

    4% {
        -moz-transform: rotate(-18deg);
    }

    6% {
        -moz-transform: rotate(18deg);
    }

    8% {
        -moz-transform: rotate(-22deg);
    }

    10% {
        -moz-transform: rotate(22deg);
    }

    12% {
        -moz-transform: rotate(-18deg);
    }

    14% {
        -moz-transform: rotate(18deg);
    }

    16% {
        -moz-transform: rotate(-12deg);
    }

    18% {
        -moz-transform: rotate(12deg);
    }

    20% {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes ringing {
    0% {
        -webkit-transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
    }
}

@-ms-keyframes ringing {
    0% {
        -ms-transform: rotate(-15deg);
    }

    2% {
        -ms-transform: rotate(15deg);
    }

    4% {
        -ms-transform: rotate(-18deg);
    }

    6% {
        -ms-transform: rotate(18deg);
    }

    8% {
        -ms-transform: rotate(-22deg);
    }

    10% {
        -ms-transform: rotate(22deg);
    }

    12% {
        -ms-transform: rotate(-18deg);
    }

    14% {
        -ms-transform: rotate(18deg);
    }

    16% {
        -ms-transform: rotate(-12deg);
    }

    18% {
        -ms-transform: rotate(12deg);
    }

    20% {
        -ms-transform: rotate(0deg);
    }
}

@keyframes ringing {
    0% {
        transform: rotate(-15deg);
    }

    2% {
        transform: rotate(15deg);
    }

    4% {
        transform: rotate(-18deg);
    }

    6% {
        transform: rotate(18deg);
    }

    8% {
        transform: rotate(-22deg);
    }

    10% {
        transform: rotate(22deg);
    }

    12% {
        transform: rotate(-18deg);
    }

    14% {
        transform: rotate(18deg);
    }

    16% {
        transform: rotate(-12deg);
    }

    18% {
        transform: rotate(12deg);
    }

    20% {
        transform: rotate(0deg);
    }
}

.icon-animated-vertical {
    display: inline-block;
    -moz-animation: vertical 2.0s 5 ease 2.0s;
    -webkit-animation: vertical 2.0s 5 ease 2.0s;
    -o-animation: vertical 2.0s 5 ease 2.0s;
    -ms-animation: vertical 2.0s 5 ease 2.0s;
    animation: vertical 2.0s 5 ease 2.0s;
}

@-moz-keyframes vertical {
    0% {
        -moz-transform: translate(0, -3px);
    }

    4% {
        -moz-transform: translate(0, 3px);
    }

    8% {
        -moz-transform: translate(0, -3px);
    }

    12% {
        -moz-transform: translate(0, 3px);
    }

    16% {
        -moz-transform: translate(0, -3px);
    }

    20% {
        -moz-transform: translate(0, 3px);
    }

    22% {
        -moz-transform: translate(0, 0);
    }
}

@-webkit-keyframes vertical {
    0% {
        -webkit-transform: translate(0, -3px);
    }

    4% {
        -webkit-transform: translate(0, 3px);
    }

    8% {
        -webkit-transform: translate(0, -3px);
    }

    12% {
        -webkit-transform: translate(0, 3px);
    }

    16% {
        -webkit-transform: translate(0, -3px);
    }

    20% {
        -webkit-transform: translate(0, 3px);
    }

    22% {
        -webkit-transform: translate(0, 0);
    }
}

@-ms-keyframes vertical {
    0% {
        -ms-transform: translate(0, -3px);
    }

    4% {
        -ms-transform: translate(0, 3px);
    }

    8% {
        -ms-transform: translate(0, -3px);
    }

    12% {
        -ms-transform: translate(0, 3px);
    }

    16% {
        -ms-transform: translate(0, -3px);
    }

    20% {
        -ms-transform: translate(0, 3px);
    }

    22% {
        -ms-transform: translate(0, 0);
    }
}

@keyframes vertical {
    0% {
        transform: translate(0, -3px);
    }

    4% {
        transform: translate(0, 3px);
    }

    8% {
        transform: translate(0, -3px);
    }

    12% {
        transform: translate(0, 3px);
    }

    16% {
        transform: translate(0, -3px);
    }

    20% {
        transform: translate(0, 3px);
    }

    22% {
        transform: translate(0, 0);
    }
}

.icon-animated-hand-pointer {
    display: inline-block;
    -moz-animation: hand-pointer 2.0s 4 ease 2.0s;
    -webkit-animation: hand-pointer 2.0s 4 ease 2.0s;
    -o-animation: hand-pointer 2.0s 4 ease 2.0s;
    -ms-animation: hand-pointer 2.0s 4 ease 2.0s;
    animation: hand-pointer 2.0s 4 ease 2.0s;
}

@-moz-keyframes hand-pointer {
    0% {
        -moz-transform: translate(0, 0);
    }

    6% {
        -moz-transform: translate(5px, 0);
    }

    12% {
        -moz-transform: translate(0, 0);
    }

    18% {
        -moz-transform: translate(5px, 0);
    }

    24% {
        -moz-transform: translate(0, 0);
    }

    30% {
        -moz-transform: translate(5px, 0);
    }

    36% {
        -moz-transform: translate(0, 0);
    }
}

.icon-animated-wrench {
    display: inline-block;
    -moz-animation: wrenching 2.5s 4 ease;
    -webkit-animation: wrenching 2.5s 4 ease;
    -o-animation: wrenching 2.5s 4 ease;
    -ms-animation: wrenching 2.5s 4 ease;
    animation: wrenching 2.5s 4 ease;
    -moz-transform-origin: 90% 35%;
    -webkit-transform-origin: 90% 35%;
    -o-transform-origin: 90% 35%;
    -ms-transform-origin: 90% 35%;
    transform-origin: 90% 35%;
}

@-moz-keyframes wrenching {
    0% {
        -moz-transform: rotate(-12deg);
    }

    8% {
        -moz-transform: rotate(12deg);
    }

    10% {
        -moz-transform: rotate(24deg);
    }

    18% {
        -moz-transform: rotate(-24deg);
    }

    20% {
        -moz-transform: rotate(-24deg);
    }

    28% {
        -moz-transform: rotate(24deg);
    }

    30% {
        -moz-transform: rotate(24deg);
    }

    38% {
        -moz-transform: rotate(-24deg);
    }

    40% {
        -moz-transform: rotate(-24deg);
    }

    48% {
        -moz-transform: rotate(24deg);
    }

    50% {
        -moz-transform: rotate(24deg);
    }

    58% {
        -moz-transform: rotate(-24deg);
    }

    60% {
        -moz-transform: rotate(-24deg);
    }

    68% {
        -moz-transform: rotate(24deg);
    }

    75% {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes wrenching {
    0% {
        -webkit-transform: rotate(-12deg);
    }

    8% {
        -webkit-transform: rotate(12deg);
    }

    10% {
        -webkit-transform: rotate(24deg);
    }

    18% {
        -webkit-transform: rotate(-24deg);
    }

    20% {
        -webkit-transform: rotate(-24deg);
    }

    28% {
        -webkit-transform: rotate(24deg);
    }

    30% {
        -webkit-transform: rotate(24deg);
    }

    38% {
        -webkit-transform: rotate(-24deg);
    }

    40% {
        -webkit-transform: rotate(-24deg);
    }

    48% {
        -webkit-transform: rotate(24deg);
    }

    50% {
        -webkit-transform: rotate(24deg);
    }

    58% {
        -webkit-transform: rotate(-24deg);
    }

    60% {
        -webkit-transform: rotate(-24deg);
    }

    68% {
        -webkit-transform: rotate(24deg);
    }

    75% {
        -webkit-transform: rotate(0deg);
    }
}

@-o-keyframes wrenching {
    0% {
        -o-transform: rotate(-12deg);
    }

    8% {
        -o-transform: rotate(12deg);
    }

    10% {
        -o-transform: rotate(24deg);
    }

    18% {
        -o-transform: rotate(-24deg);
    }

    20% {
        -o-transform: rotate(-24deg);
    }

    28% {
        -o-transform: rotate(24deg);
    }

    30% {
        -o-transform: rotate(24deg);
    }

    38% {
        -o-transform: rotate(-24deg);
    }

    40% {
        -o-transform: rotate(-24deg);
    }

    48% {
        -o-transform: rotate(24deg);
    }

    50% {
        -o-transform: rotate(24deg);
    }

    58% {
        -o-transform: rotate(-24deg);
    }

    60% {
        -o-transform: rotate(-24deg);
    }

    68% {
        -o-transform: rotate(24deg);
    }

    75% {
        -o-transform: rotate(0deg);
    }
}

@-ms-keyframes wrenching {
    0% {
        -ms-transform: rotate(-12deg);
    }

    8% {
        -ms-transform: rotate(12deg);
    }

    10% {
        -ms-transform: rotate(24deg);
    }

    18% {
        -ms-transform: rotate(-24deg);
    }

    20% {
        -ms-transform: rotate(-24deg);
    }

    28% {
        -ms-transform: rotate(24deg);
    }

    30% {
        -ms-transform: rotate(24deg);
    }

    38% {
        -ms-transform: rotate(-24deg);
    }

    40% {
        -ms-transform: rotate(-24deg);
    }

    48% {
        -ms-transform: rotate(24deg);
    }

    50% {
        -ms-transform: rotate(24deg);
    }

    58% {
        -ms-transform: rotate(-24deg);
    }

    60% {
        -ms-transform: rotate(-24deg);
    }

    68% {
        -ms-transform: rotate(24deg);
    }

    75% {
        -ms-transform: rotate(0deg);
    }
}

@keyframes wrenching {
    0% {
        transform: rotate(-12deg);
    }

    8% {
        transform: rotate(12deg);
    }

    10% {
        transform: rotate(24deg);
    }

    18% {
        transform: rotate(-24deg);
    }

    20% {
        transform: rotate(-24deg);
    }

    28% {
        transform: rotate(24deg);
    }

    30% {
        transform: rotate(24deg);
    }

    38% {
        transform: rotate(-24deg);
    }

    40% {
        transform: rotate(-24deg);
    }

    48% {
        transform: rotate(24deg);
    }

    50% {
        transform: rotate(24deg);
    }

    58% {
        transform: rotate(-24deg);
    }

    60% {
        transform: rotate(-24deg);
    }

    68% {
        transform: rotate(24deg);
    }

    75% {
        transform: rotate(0deg);
    }
}

@-moz-keyframes blinking {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }
}

@-webkit-keyframes blinking {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }
}

@-ms-keyframes blinking {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }
}

@keyframes blinking {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }
}

@-moz-keyframes pulsating {
    0% {
        -moz-transform: scale(1);
    }

    5% {
        -moz-transform: scale(.75);
    }

    10% {
        -moz-transform: scale(1);
    }

    15% {
        -moz-transform: scale(1.25);
    }

    20% {
        -moz-transform: scale(1);
    }

    25% {
        -moz-transform: scale(.75);
    }

    30% {
        -moz-transform: scale(1);
    }

    35% {
        -moz-transform: scale(1.25);
    }

    40% {
        -moz-transform: scale(1);
    }
}

@-webkit-keyframes pulsating {
    0% {
        -webkit-transform: scale(1);
    }

    5% {
        -webkit-transform: scale(.75);
    }

    10% {
        -webkit-transform: scale(1);
    }

    15% {
        -webkit-transform: scale(1.25);
    }

    20% {
        -webkit-transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.75);
    }

    30% {
        -webkit-transform: scale(1);
    }

    35% {
        -webkit-transform: scale(1.25);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@-ms-keyframes pulsating {
    0% {
        -ms-transform: scale(1);
    }

    5% {
        -ms-transform: scale(.75);
    }

    10% {
        -ms-transform: scale(1);
    }

    15% {
        -ms-transform: scale(1.25);
    }

    20% {
        -ms-transform: scale(1);
    }

    25% {
        -ms-transform: scale(.75);
    }

    30% {
        -ms-transform: scale(1);
    }

    35% {
        -ms-transform: scale(1.25);
    }

    40% {
        -ms-transform: scale(1);
    }
}

@keyframes pulsating {
    0% {
        transform: scale(1);
    }

    5% {
        transform: scale(.75);
    }

    10% {
        transform: scale(1);
    }

    15% {
        transform: scale(1.25);
    }

    20% {
        transform: scale(1);
    }

    25% {
        transform: scale(.75);
    }

    30% {
        transform: scale(1);
    }

    35% {
        transform: scale(1.25);
    }

    40% {
        transform: scale(1);
    }
}

/*drop down menu*/
.dropdown-menu.dropdown-caret:before {
    -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}
.dropdown-menu.dropdown-caret:after {
    -moz-border-bottom-colors: #FFFFFF;
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}
.dropdown-menu.dropdown-menu-right.dropdown-caret:before {
    left: auto;
    right: 9px;
}
.dropdown-menu.dropdown-menu-right.dropdown-caret:after {
    left: auto;
    right: 10px;
}
.dropup > .dropdown-menu.dropdown-caret:before, .navbar-fixed-bottom .dropdown > .dropdown-menu.dropdown-caret:before {
    -moz-border-top-colors: rgba(0, 0, 0, 0.2);
    border-bottom-width: 0;
    border-top: 7px solid rgba(0, 0, 0, 0.2);
    bottom: -7px;
    top: auto;
}
.dropup > .dropdown-menu.dropdown-caret:after, .navbar-fixed-bottom .dropdown > .dropdown-menu.dropdown-caret:after {
    -moz-border-top-colors: #FFFFFF;
    border-bottom-width: 0;
    border-top: 6px solid #FFFFFF;
    bottom: -6px;
    top: auto;
}

/*Heading Options*/
.heading {
  text-align: center;
}

.heading h2 {
  padding: 0 12px;
  position: relative;
  display: inline-block;
  line-height: 34px !important; /*For Tagline Boxes*/
}

.heading h2:before, 
.heading h2:after {
  content: ' ';
  width: 70%;  
  position: absolute;
  border-width: 1px;
  border-color: #bbb;
}

.heading h2:before {
  right: 100%;
}

.heading h2:after {
  left: 100%;
}

@media (max-width: 768px) {
  .heading h2:before, 
  .heading h2:after {
    width: 35%;  
  }
}

@media (max-width: 600px) {
  .heading h2 {
    font-size: 19px;  
  }

  .heading h2:before, 
  .heading h2:after {
    width: 15%;  
  }
}

/*Headline v1*/
.heading-v1 h2:before,
.heading-v1 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: solid;
  border-bottom-style: solid;
}

/*Headline v2*/
.heading-v2 h2:before,
.heading-v2 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: dashed;
  border-bottom-style: dashed;
}

/*Headline v3*/
.heading-v3 h2:before,
.heading-v3 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: dotted;
  border-bottom-style: dotted;
}

/*Headline v4*/
.heading-v4 h2:before,
.heading-v4 h2:after {
  top: 17px;
  border-bottom-style: solid;
}

/*Headline v5*/
.heading-v5 h2:before,
.heading-v5 h2:after {
  top: 17px;
  border-bottom-style: dashed;
}

/*Headline v6*/
.heading-v6 h2:before,
.heading-v6 h2:after {
  top: 17px;
  border-bottom-style: dotted;
}

/*********************************************************************************/
/*overrides*/
i.icon-noborder {
    border:none;
}

.search-block {
    background: rgba(0, 0, 0, 0) url("https://lartaportal.blob.core.windows.net/images/patterns/breadcrumbs.png") repeat scroll 0 0;
    border: 1px solid #eee;
    padding: 30px;
}

/**********ANGULAR SIGNATURE PAD STYLES*/
.signature canvas {
    border: 1px solid #999;
    margin: 0 auto;
    cursor: pointer;
}

.line-through-text {
    text-decoration: line-through;
}
/*http://www.fontsquirrel.com/tools/webfont-generator*/
@font-face {
    font-family: 'Gotham';
    src: url('/fonts/gothamhtf-light-webfont.eot');
    src: url('/fonts/gothamhtf-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/gothamhtf-light-webfont.woff') format('woff'), url('/fonts/gothamhtf-light-webfont.ttf') format('truetype'), url('/fonts/gothamhtf-light-webfont.svg#gotham_htflight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('/fonts/gothamhtf-lightitalic-webfont.eot');
    src: url('/fonts/gothamhtf-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/gothamhtf-lightitalic-webfont.woff') format('woff'), url('/fonts/gothamhtf-lightitalic-webfont.ttf') format('truetype'), url('/fonts/gothamhtf-lightitalic-webfont.svg#gotham_htflight_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('/fonts/gothamhtf-medium-webfont.eot');
    src: url('/fonts/gothamhtf-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/gothamhtf-medium-webfont.woff') format('woff'), url('/fonts/gothamhtf-medium-webfont.ttf') format('truetype'), url('/fonts/gothamhtf-medium-webfont.svg#gotham_htfmedium') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('/fonts/gothamhtf-book-webfont.eot');
    src: url('/fonts/gothamhtf-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/gothamhtf-book-webfont.woff') format('woff'),
         url('/fonts/gothamhtf-book-webfont.ttf') format('truetype'),
         url('/fonts/gothamhtf-book-webfont.svg#gotham_htfbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
*/

/*remove border radius from bootstrap*/
* {
   border-radius: 0 !important;
}
/************ GENERAL STYLES ****************/
/************ used by all pages *************/

body {
    background: #fff url('//lartaportal.blob.core.windows.net/images/bgmain.png');
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #414141;
}

    body.login {
        background: #555 url('//lartaportal.blob.core.windows.net/images/bgmain.png');
    }

    body.errorpage {
        background-color: #666;
    }

#skip-navigation {
    display: inline;
    left: -200em;
    padding: 0 0.5em;
    position: absolute;
    text-decoration: none;
    width: 14em;
    z-index: 2;
}

.flexslider img,
.program-banner img
{
    max-width: 100%;
    height: auto;
}

/*
making this global is not good for google maps + other plugins
img {
    max-width: 100%;
    height: auto;
}
*/

/*a {
    color:#203B8E;
    text-decoration: none;
    outline: none;
}

    a:hover {
        text-decoration: underline;
    }

    a.whitelink {
        color: #ccc;
    }

        a.whitelink:hover {
            color: #fff;
            text-decoration: none;
        }

    a img {
        border: 0;
    }

input, select, textarea {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
}

small, .small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.small-smaller {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.85em;
}

.smaller {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
    */
h1 {
    font-size: 30px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

h1, h2, h3 {
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}

.content > h1,
.ui-dialog-content > h1,
.content > h2,
.ui-dialog-content > h2,
.content > h3,
.ui-dialog-content > h3 {
    margin-bottom: 10px;
}
/*.loginboxinner > h1,
.loginboxinner > h2 {
    margin: 10px 0;
}*/

/*.content p:not(.help-block),*/
/*.content blockquote,*/
.content .ym-form,
/*.ui-dialog-content p,*/
.ui-dialog-content blockquote {
    margin: 1em 0;
}

/*.content ul,
.content ol {
    margin: 1em 0 1em 2em;
}*/

.contract ul li,
.contract ol li {
    margin: 0.5em 0;
}
.bebas {
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
    text-transform:uppercase;
}

.width1 {
    width: 1px;
}

button, select, textarea {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

.field-validation-error {
    color: #880000;
    font-weight:bold;
}

.hide-me {
    display: none;
}

/***www.dynamicdrive.com/style/layouts/item/css-liquid-layout-31-fixed-fluid-fixed***/
/********** MAIN CONTENT STYLES **********/
/********** used by all pages ************/

.mainwrapper {
    margin: 0;
    display: block;
    width: 100%;
    overflow: hidden;
}

.mainwrapperinner {
    padding: 0 10px;
}

/********** LEFT PANEL *******************/
/********** used by all pages ************/

.mainleft {
    float: left;
    width: 250px; /*margin-left:-100%;*/
}

.mainleftinner {
    margin: 0 10px 0 0;
}

/***************** MAIN CONTENT STYLES ***************/
/*****************************************************/

.maincontent {
    width: 100%;
    float: left;
    margin: 0 -270px 0 -250px;
}

.noright .maincontentinner {
    margin: 0 0 0 250px;
}

.maincontentinner {
    margin: 0 270px 0 250px;
}

/************** RIGHT PANEL STYLES *****************/
/**************	used by some pages *****************/

.mainright {
    float: left;
    width: 270px; /*margin-left:-270px;*/
}

.mainrightinner {
    margin: 0 0 0 10px;
}


/**************** COLLAPSED LEFT PANEL ******************/
/**************** used by all pages *********************/

.lefticon .mainleft {
    width: 50px;
}

.lefticon .leftmenu {
    overflow: no-display;
}

    /*.lefticon .leftmenu ul li {
        width: 250px;
    }*/

    .lefticon .leftmenu ul li a {
        width: 2px;
        height: 32px;
    }

        .lefticon .leftmenu ul li a span {
            display: none;
        }

.lefticon .maincontent, .lefticon .noright .maincontent {
    margin-left: -50px;
}

.lefticon .maincontentinner, .lefticon .noright .maincontentinner {
    margin-left: 50px;
}

#togglemenuleft {
    border-top: 1px solid #eee;
    margin-top: 20px;
    text-align: center;
}

    #togglemenuleft a {
        display: inline-block;
        position: relative;
        top: -13px;
        width: 22px;
        height: 22px;
        background: url(/images/toggle.png) no-repeat 0 0;
        cursor: pointer;
    }

        #togglemenuleft a.toggle {
            background: url(/images/toggle.png) no-repeat 0 -25px;
            text-align: left;
        }

/********** HEADER STYLES **************/
/********** used by all pages **********/

.header {
    background: #333 url(/images/headbg.png) repeat-x top left;
    border: 1px solid #222;
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    box-shadow: 1px 1px 3px #666;
    margin: 10px;
    height:70px;
}

#portal-logo {
    float: left;
    /*width: 360px;*/
}

.headerinner {
    padding: 3px 10px;
}

.headercolumn {
    height: 100%;
    padding: 12px 10px;
    border-left: 0 none !important;
    border-right: 0 none;
    float: left;
    font-size: 14px;
}

/*
.headleft { position: absolute; top: 0; left: 0; }
.headleft .headercolumn { border-color: #2c2c2c; border-left: 0; }
.headleft .headercolumn:first-child { margin-left: 260px; border-left: 1px solid #2c2c2c; }

.headlinkwrap { width: 38px; }
.headlink { position: absolute; top: 0; left: 0; padding: 19px 15px; }
.headlink:hover { background: #373737; }
*/
.searchbox {
    display: inline-block;
}

    .searchbox input {
        border: 0;
        padding: 9px 8px;
        font-size: 14px;
        background: #222;
        color: #999;
        width: 200px;
        font-style: italic;
    }

    .searchbox input {
        -moz-box-shadow: inset 1px 1px 5px #171717;
    }

        .searchbox input:focus {
            font-style: normal;
        }

.headright {
    float: right;
}

    .headright img {
        vertical-align: middle;
    }

    .headright .noalert {
        display: inline-block;
        padding: 8px 10px 9px 10px;
        background: #999;
        color: #fff;
        font-weight: bold;
    }

        .headright .noalert:hover {
            text-decoration: none;
        }

    .headright .notialert {
        display: inline-block;
        padding: 8px 10px 9px 10px;
        background: #cc0000;
        color: #fff;
        font-weight: bold;
    }

        .headright .notialert:hover {
            text-decoration: none;
        }

    .headright .userinfo {
        display: inline-block;
        border: 1px solid #272727;
        padding: 3px 25px 3px 3px;
        color: #ccc;
        vertical-align: top;
        background: #373737 url(/images/menudroparrow.png) no-repeat right -31px;
        position: relative;
        -moz-box-shadow: 0 1px 0 #444;
        -webkit-box-shadow: 0 1px 0 #444;
        box-shadow: 0 1px 0 #444;
        min-width: 130px;
    }

        .headright .userinfo:hover {
            text-decoration: none;
            background-color: #3c3c3c;
        }

        .headright .userinfo span {
            display: inline-block;
            padding: 0 10px;
        }

    .headright .userinfodrop {
        background: #fff url(/images/arrow2.png) no-repeat right -87px;
        color: #333;
        z-index: 20;
        border: 1px solid #fff;
        height: 29px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .headright .userinfodrop:hover {
            background-color: #fff;
            color: #333;
            border: 1px solid #fff;
        }

    .headright .headercolumn:last-child {
        border-right: 0;
    }
/*.headright .headercolumn:first-child { border-left: 0; }*/

#userPanel {
    position: relative;
}

.userdrop {
    background: #fff;
    position: absolute;
    top: 45px;
    display: none;
    overflow: hidden;
    z-index: 10;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    /*border-radius: 2px 0 2px 2px;
    -moz-box-shadow: 0 0 2px #333;
    -webkit-box-shadow: 0 0 2px #333;*/
    box-shadow: 0 0 2px #333;
}

    .userdrop ul {
        list-style: none;
        margin: 5px 0;
    }

        .userdrop ul li {
            display: block;
        }

            .userdrop ul li a {
                display: block;
                padding: 8px 10px;
                color: #666;
            }

                .userdrop ul li a:hover {
                    background: #eee;
                    text-decoration: none;
                }


.headerinner2 {
    border-top: 1px solid #444;
    height: 57px;
    position: relative;
}

.userinfomenu {
    position: absolute;
    top: 0;
    right: 0;
}

    .userinfomenu img {
        vertical-align: middle;
    }

    .userinfomenu .userinfo {
        display: inline-block;
        border: 1px solid #272727;
        padding: 3px 25px 3px 3px;
        color: #ccc;
        vertical-align: top;
        background: #373737 url(/images/menudroparrow.png) no-repeat right -31px;
        position: relative;
        -moz-box-shadow: 0 1px 0 #444;
        -webkit-box-shadow: 0 1px 0 #444;
        box-shadow: 0 1px 0 #444;
    }

        .userinfomenu .userinfo:hover {
            text-decoration: none;
            background-color: #3c3c3c;
        }

        .userinfomenu .userinfo span {
            display: inline-block;
            padding: 0 10px;
        }

    .userinfomenu .userinfodrop {
        background: #fff url(/images/arrow2.png) no-repeat right -87px;
        color: #333;
        z-index: 20;
        border: 1px solid #fff;
        height: 29px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .userinfomenu .userinfodrop:hover {
            background-color: #fff;
            color: #333;
            border: 1px solid #fff;
        }


.headright .notiactive {
    background: #fff;
    color: #333;
    position: relative;
    z-index: 20;
    height: 18px;
}

.notiwrapper {
    position: relative;
    display: inline-block;
    min-height: 50px;
}

.notibox {
    background: #fff;
    padding: 10px;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 32px;
    width: 300px;
    line-height: 21px;
    -moz-box-shadow: 0 0 2px #333;
    -webkit-box-shadow: 0 0 2px #333;
    box-shadow: 0 0 2px #333;
    border: 1px solid #eee;
    display: none;
}

    .notibox .loader {
        font-style: italic;
        color: #666;
        display: none;
        padding: 5px 0;
        font-size: 14px;
    }

.noticontent {
    margin: 5px 0;
}

.tabmenu {
    list-style: none;
}

    .tabmenu li {
        display: inline-block;
        float: left;
        width: 50%;
        border-bottom: 1px solid #ddd;
    }

        .tabmenu li a {
            display: block;
            font-weight: bold;
            color: #666;
            padding: 8px 10px;
            text-align: center;
        }

            .tabmenu li a:hover {
                text-decoration: none;
                color: #333;
            }

        .tabmenu li.current a {
            background: #ddd;
            color: #333;
        }

.program-banner {
    text-align: center;
    margin-bottom: 15px;
}

/*********** LOGIN/PUBLIC PAGE STYLES *************/

.loginbox {
    background: #444;
    padding: 10px;
    width: 80%;
    margin: 5% auto 0 auto;
    position: relative;
    max-width: 1100px;
}

.loginboxinner {
    background: #333;
    padding: 20px;
    position: relative;
    border: 1px solid #333;
    -moz-box-shadow: inset 0 1px 0 #444;
    -webkit-box-shadow: inset 0 1px 0 #444;
    box-shadow: inset 0 1px 0 #444;
    min-height: 500px;
}

.loginheader {
    /*height: 70px;*/
        height: auto;
    /*border-bottom:dashed 1px #CDCDCD;*/
    /*margin-bottom:5px;*/
}
/*.loginform { margin-top: 20px; }*/

.loginbox h1 {
    letter-spacing: 1px;
    color: #555;
}
/*.loginbox .logo { position: absolute; top: 20px; right: 20px; }*/
.loginbox .login p {
    margin: 10px 0 15px 0;
}

.loginbox .login label {
    display: block;
    letter-spacing: 1px;
    font-size: 1em;
    font-weight:bold;
}

.loginbox .login input {
    padding: 12px 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 8px;
    font-size: 1em;
    border: 0;
    width: 80%;
    -moz-box-shadow: 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 0 #444;
    box-shadow: 0 1px 0 #444;
    outline: none;
}

.loginbox .login button {
    padding: 10px 20px;
    font-size: 1.2em;
    border: 0;
    letter-spacing: 1px;
    width: 80%;
    -moz-box-shadow: 1px 1px 3px #222;
    -webkit-box-shadow: 1px 1px 3px #222;
    box-shadow: 1px 1px 3px #222;
    cursor: pointer;
}

.loginerror {
    color: #990000;
    background: #fbe3e3;
    padding: 0 10px;
    overflow: hidden;
    display: none;
}

.loginerror {
}

    .loginerror p {
        margin: 10px 0;
    }


/********** MESSAGE LIST **********/
/********** ajax/messages.php *****/

.msglist {
    list-style: none;
    font-size: 14px;
    line-height: 16px;
}

    .msglist li {
        display: block;
        background-color: #eee;
        background-repeat: no-repeat;
        background-position: 10px 10px;
        border: 1px solid #ddd;
        border-top: 0;
    }

        .msglist li:first-child {
            border-top: 1px solid #ddd;
        }

        .msglist li.message {
            background-image: url(/images/icons/default/mail.png);
        }

        .msglist li.user {
            background-image: url(/images/icons/default/users.png);
        }

        .msglist li.call {
            background-image: url(/images/icons/default/call.png);
        }

        .msglist li.calendar {
            background-image: url(/images/icons/default/calendar.png);
        }

        .msglist li.settings {
            background-image: url(/images/icons/default/settings.png);
        }

        .msglist li.new {
            background-color: #fff;
        }

        .msglist li .msg {
            margin-left: 35px;
            background: #f7f7f7;
            padding: 8px 10px;
            border-left: 1px solid #ddd;
        }

        .msglist li.new .msg {
            background: #fff;
        }

        .msglist li a.subject {
            margin: 2px 0;
            color: #333;
            font-weight: bold;
            display: block;
        }

            .msglist li a.subject:hover {
                text-decoration: none;
                color: #666;
            }

.msgmore a {
    display: block;
    text-align: center;
    color: #666;
    background: #ccc;
    padding: 5px 0;
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
}

    .msgmore a:hover {
        text-decoration: none;
        background: #bbb;
        color: #333;
    }


/************ COLUMNS ***************/
/************ used by all pages *****/

.one_half {
    width: 48.5%;
}

.one_third {
    width: 31.16%;
}

.two_third {
    width: 65.83%;
}

.one_fourth {
    width: 22.5%;
}

.three_fourth {
    width: 74.5%;
}

.one_fifth {
    width: 17.3%;
}

.two_fifth {
    width: 38.1%;
}

.three_fifth {
    width: 58.9%;
}

.four_fifth {
    width: 67.7%;
}

.one_sixth {
    width: 13.83%;
}

.five_sixth {
    width: 83.17%;
}


.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth,
.two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { /*position:relative;*/
    margin-right: 1%;
    float: left;
}

.last {
    margin-right: 0 !important;
    clear: right;
}

/********** LEFT PANEL *******************/
/********** used by all pages ************/

.leftmenu {
    /*-moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;*/
    
    font-family:"Gotham", Arial;
    font-size: 13px;
}

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

        .leftmenu ul li {
            display: block;
            position: relative;
        }

            .leftmenu ul li a {
                border: 1px solid #ddd;
                border-top: 0;
                display: block;
                background: #fcfcfc url(/images/icons/default/sprites2.png);
                /*color: #666;*/
                color:#414141;
                padding-left: 35px;
                background-repeat: no-repeat;
                background-position: 8px center;
                font-weight: bold;
                cursor: pointer;
            }

                .leftmenu ul li a:hover {
                    color: #333;
                    text-decoration: none;
                    background-color: #eee;
                }

            .leftmenu ul li:first-child a {
                border-top: 1px solid #ddd;
            }

            .leftmenu ul li:last-child a {
            }

            .leftmenu ul li a span {
                display: block;
                padding: 8px 10px;
                border-left: 1px solid #eee;
                background: #fff;
            }

            .leftmenu ul li a:hover span {
                border-left: 1px solid #ddd;
                background: #f7f7f7;
            }

            .leftmenu ul li.current > a {
                color: #fff;
                border: 1px solid #222;
            }

            .leftmenu ul li.current a {
                border-color: #ddd;
            }

    .leftmenu > ul > li.current > a {
        background-color: #222;
    }

    .leftmenu ul li.current > a span {
        border-left: 1px solid #444;
        background: #333;
    }

    .leftmenu ul li a.menudrop:hover span {
        background: #f7f7f7 url(/images/menudroparrow.png) no-repeat right 0;
    }

    .leftmenu ul li.current a.menudrop:hover span {
        background: #333 url(/images/menudroparrow.png) no-repeat right -31px;
    }

    .leftmenu ul li a.active {
        background-color: #eee;
    }

        .leftmenu ul li a.active span {
            background: #f7f7f7 url(/images/menudroparrow.png) no-repeat right 0;
            border-left: 1px solid #ddd;
        }

    .leftmenu ul li.current a.active {
        background-color: #222;
    }

        .leftmenu ul li.current a.active span {
            background: #333 url(/images/menudroparrow.png) no-repeat right -31px;
            border-left: 1px solid #444;
        }

    .leftmenu ul li a em {
        font-style: normal;
    }

    .leftmenu ul li a.dashboard {
        background-position: -154px -443px;
    }

    .leftmenu ul li a.widgets {
        background-position: -190px -443px;
    }

    .leftmenu ul li a.tables {
        background-position: -82px -480px;
    }

    .leftmenu ul li a.elements {
        background-position: -10px -443px;
    }

    .leftmenu ul li a.operations {
        background-position: -119px -370px;
    }

    .leftmenu ul li a.resource-library {
        background-position: -47px -408px;
    }
    .leftmenu ul li a.webinars {
        background-position: -82px -408px;
    }

    .leftmenu ul li a.accountant {
        background-position: -154px -262px;
    }

    .leftmenu ul li a.editor {
        background-position: -154px -262px;
    }

    .leftmenu ul li a.programs {
        background-position: -190px -443px;
    }

    .leftmenu ul li a.calendar {
        background-position: -82px -155px;
    }

    .leftmenu ul li a.buttons {
        background-position: -47px -443px;
    }

    .leftmenu ul li a.chat {
        background-position: -119px -299px;
    }

    .leftmenu ul li a.contacts {
        background-position: -82px -227px;
    }

    .leftmenu ul li a.users {
        background-position: -82px -191px;
    }

    .leftmenu ul li a.error {
        background-position: -119px -119px;
    }

    .leftmenu ul li a.billing {
        background-position: -47px -119px;
    }

    .leftmenu ul li a.my-account {
        background-position: -47px -190px;
    }

    .leftmenu ul li a.my-companies {
        background-position: -11px -480px;
    }

    .leftmenu ul li a.advising-companies {
        background-position: -11px -480px;
    }

    .leftmenu ul li a.admin {
        background-position: -82px -370px;
    }

    .leftmenu ul li a.larta {
        background-position: -82px -190px;
    }

    .leftmenu ul li a.larta-network {
        background-position: -82px -190px;
    }

    .leftmenu ul li .menutip {
        position: absolute;
        z-index: 100;
        left: 38px;
        top: 0;
        display: none;
        margin-left: 0;
        overflow: hidden;
        -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
        -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
        box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    }

        .leftmenu ul li .menutip ul {
            width: 200px;
        }

        .leftmenu ul li .menutip span.subtitle {
            font-weight: bold;
            background: url(/images/blacktrans.png);
            color: #fff;
            padding: 9px 10px;
            display: block;
        }

        .leftmenu ul li .menutip ul {
            margin: 0;
        }

            .leftmenu ul li .menutip ul li {
                display: block;
            }

                .leftmenu ul li .menutip ul li a {
                    color: #333;
                    width: auto;
                }

                    .leftmenu ul li .menutip ul li a span {
                        display: block;
                        background: #fff;
                    }

    .leftmenu ul li ul {
        margin: 0 0 10px 36px;
        display: none;
    }

        .leftmenu ul li ul li:first-child a {
            border-top: 0;
        }

        .leftmenu ul li ul li:last-child a {
        }

        .leftmenu ul li ul li a {
            padding-left: 0;
            background: #f7f7f7;
        }

            .leftmenu ul li ul li a span {
                border-left: 0;
            }

            .leftmenu ul li ul li a:hover span {
                border-left: 0;
                background: #eee;
            }

    .leftmenu ul li.current > ul {
        display: block;
    }

    .leftmenu ul li.current ul li > a {
        border-top: 0;
        border-bottom: 1px solid #272727;
    }

    .leftmenu ul li.current ul li a span {
        border-left: 0;
    }

    .leftmenu ul li.current ul li a:hover span {
        background: #2e2e2e;
    }

    .leftmenu ul li.current .menutip span.subtitle {
        padding-bottom: 10px;
        border: 0;
    }

    .leftmenu ul li.current .menutip ul li {
        border: 0;
    }

        .leftmenu ul li.current .menutip ul li a {
            border-color: #ddd;
        }

            .leftmenu ul li.current .menutip ul li a span {
                border: 0;
            }

            .leftmenu ul li.current .menutip ul li a:hover span {
                background: #f7f7f7;
            }

/***************** MAIN TAB MENU *********************/
/*****************************************************/

ul.maintabmenu {
    list-style: none;
    margin: 0;
    padding:0;
    line-height: 21px;
    position: relative;
    z-index: 5;
}

    .maintabmenu li {
        display: inline-block;
    }

        .maintabmenu li a {
            padding: 8px 10px 4px 10px;
            color: #999;
            font-family: 'Gotham', Arial, Helvetica, sans-serif;
            font-size: 1.15em;
            font-weight:bold;
            border: 1px solid #ddd;
            display: block;
            background: #eee url(/images/titlebg.png) repeat-x top left;
            /*text-shadow: 1px 1px #f7f7f7;*/
            text-transform: uppercase;
        }

            .maintabmenu li a:hover {
                text-decoration: none;
                color: #666;
                background: #ddd;
                border-color: #ccc;
                text-shadow: 1px 1px #e7e7e7;
            }

        .maintabmenu li.current a {
            display: block;
            background: #fff;
            border: 1px solid #ddd;
            border-bottom: 1px solid #fff;
            color: #333;
        }

            .maintabmenu li.current a:hover {
                text-shadow: none;
            }

.content {
    padding: 20px;
    border: 1px solid #ddd;
    background: #fff;
    margin-top: -1px;
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;
}

.contenttitle {
    background: #222;
}

    .contenttitle h2 {
        font-size: 1.1em;
        letter-spacing: 0.8px;
        font-family: 'Gotham', Arial, Helvetica, sans-serif;
        font-weight: bold;
        padding: 0 0 0 10px;
        background-repeat: no-repeat;
        background-image: url(/images/icons/default/sprites2.png);
        background-position: -154px -443px;
        color: #fff;
        margin:0;
    }

        .contenttitle h2 span {
            display: block;
            padding: 6px 0 6px 10px;
            margin-left: 25px;
            border-left: 1px solid #444;
            background: #333;
        }

        .contenttitle h2.inbox {
            background-position: -82px -335px;
        }

        .contenttitle h2.table {
            background-position: -82px -480px;
            margin-bottom:0;
        }

        .contenttitle h2.form {
            background-position: -154px -262px;
        }

        .contenttitle h2.chart {
            background-position: -10px -227px;
        }

        .contenttitle h2.image {
            background-position: -10px -408px;
        }

        .contenttitle h2.button {
            background-position: -47px -443px;
        }


/****************** LIST OF WIDGETS STYLE *******************/
/****************** dashboard.html **************************/

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

.widgetlist li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .widgetlist li a {
        display: inline-block;
        padding: 70px 10px 10px 10px;
        background-repeat: no-repeat;
        background-position: center 20px;
        color: #eee;
        font-weight: bold;
        background-color: #bbb;
        width: 130px;
        height: 130px;
        text-align: center;
    }

        .widgetlist li a:hover {
            text-decoration: none;
        }

        .widgetlist li a.default {
            background-color: #bbb;
        }

        .widgetlist li a.hover {
            background-color: #666;
        }

        .widgetlist li a.events {
            background-image: url(/images/icons/default/events.png);
        }

        .widgetlist li a.message {
            background-image: url(/images/icons/default/message.png);
        }

        .widgetlist li a.upload {
            background-image: url(/images/icons/default/image.png);
        }

        .widgetlist li a.timesheet {
            background-image: url('/images/icons/dashboard/time_sheet.png');
        }

        .widgetlist li a.clock {
            background-image: url('/images/icons/dashboard/clock.png');
        }

        .widgetlist li a.companies {
            background-image: url('/images/icons/dashboard/companies.png');
        }

        .widgetlist li a.expense-report {
            background-image: url('/images/icons/dashboard/expense_report.png');
        }

        .widgetlist li a.star {
            background-image: url('/images/icons/dashboard/star.png');
        }

        .widgetlist li a.pbc-list {
            background-image: url('/images/icons/dashboard/pbclist.png');
        }

        .widgetlist li a.programs {
            background-image: url('/images/icons/dashboard/programs.png');
        }

        .widgetlist li a.filesharing {
            background-image: url('/images/icons/dashboard/filesharing.png');
        }

        .widgetlist li a.company-review {
            background-image: url('/images/icons/dashboard/company-review.png');
        }

        .widgetlist li a.recommend {
            background-image: url('/images/icons/program-home/recommend.png');
        }

        .widgetlist li a.principal-advisors {
            background-image: url('/images/icons/dashboard/principal_advisors.png');
        }

        .widgetlist li a.check-request {
            background-image: url('/images/icons/dashboard/check_request.png');
        }

        .widgetlist li a.financials {
            background-image: url('/images/icons/dashboard/monthly_financials.png');
        }

        .widgetlist li a.contracts {
            background-image: url('/images/icons/dashboard/contract.png');
        }

        .widgetlist li a.profile {
            background-image: url('/images/icons/dashboard/profile.png');
        }

        .widgetlist li a.introduction {
            background-image: url('/images/icons/dashboard/handshake.png');
        }
        .widgetlist li a.notes {
            background-image: url('/images/icons/dashboard/notes.png');
        }
        .widgetlist li a.activity {
            background-image: url('/images/icons/dashboard/activity-monitor.png');
        }


        .widgetlist li a.login-accounts {
            background-image: url('/images/icons/dashboard/login_account_icon.png');
        }

/*************** STANDARD TABLES **************/
/*************** tables.html ******************/

.stdtable {
    width: 100%;
    padding: 0px;
    border-spacing: 0px;
}

    .stdtable.narrow > thead th,
    .stdtable.narrow > thead td,
    .stdtable.narrow > tfoot th,
    .stdtable.narrow > tfoot td,
    .stdtable.narrow > tbody td {
        padding: 3px;
    }

    .stdtable .con0 {
        background: #fcfcfc;
    }

    .stdtable .con1 {
        background: #f9f9f9;
    }

    .stdtable th, .stdtable td {
        line-height: 1em;
        vertical-align: middle;
    }

    .stdtable thead th, .stdtable thead td {
        padding: 5px 7px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .stdtable tfoot th, .stdtable tfoot td {
        padding: 5px 7px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

        .stdtable thead th:first-child, .stdtable tfoot th:first-child,
        .stdtable thead td:first-child, .stdtable tfoot td:first-child {
            border-left: 1px solid #ddd;
        }

        .stdtable thead th.head0, .stdtable tfoot th.head0, .stdtable thead td.head0, .stdtable tfoot td.head0 {
            background-color: #eee;
        }

        .stdtable thead th.head1, .stdtable tfoot th.head1, .stdtable thead td.head1, .stdtable tfoot td.head1 {
            background-color: #ddd;
        }

    .stdtable thead th.sorting, .stdtable thead td.sorting {
        background-image: url(/images/sort_both.png);
        background-repeat: no-repeat;
        background-position: right 3px;
    }

    .stdtable thead th.sorting_asc, .stdtable thead td.sorting_asc {
        background-image: url(/images/sort_asc.png);
        background-repeat: no-repeat;
        background-position: right 4px;
    }

    .stdtable thead th.sorting_desc, .stdtable thead td.sorting_desc {
        background-image: url(/images/sort_desc.png);
        background-repeat: no-repeat;
        background-position: right 4px;
    }

    .stdtable thead td {
        font-weight: bold;
    }

        .stdtable thead td.center {
            text-align: center;
        }

    .stdtable tbody tr td {
        padding: 5px;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    .stdtable tbody tr:last-child td {
        border-bottom: 1px solid #ccc;
    }

    .stdtable tbody tr td:first-child {
        border-left: 1px solid #ddd;
    }

    .stdtable tbody tr td:last-child {
        border-right: 1px solid #ddd;
    }

    .stdtable tbody tr:not(.group):hover td, .stdtable tbody tr.selected td {
        background: #fffccc;
        color: #333;
    }

    .stdtable tbody tr.togglerow td {
        background: #fff;
    }

    .stdtable tbody tr.togglerow:hover td {
        background: #fff;
    }

    .stdtable tbody tr.hiderow {
        display: none;
    }

    .stdtable tbody tr.group {
        background-color: #c5d7e8;
        text-transform: uppercase;
        font-weight: bold;
    }

.tableoptions {
    background: #eee url(/images/titlebg.png) repeat-x top left;
    border: 1px solid #ccc;
    border-top: 1px;
    padding: 8px;
    font-size: 12px;
}

    .tableoptions button,
    .tableoptions a.stdbtn {
        background: #fcfcfc url(/images/titlebg.png) repeat-x top left;
        font-size: 14px;
        color: #666;
        padding: 7px 10px;
        border: 1px solid #bbb;
        -moz-box-shadow: 1px 1px 2px #ddd;
        -webkit-box-shadow: 1px 1px 2px #ddd;
        box-shadow: 1px 1px 2px #ddd;
        margin: 0;
        outline: none;
    }

        .tableoptions button:hover {
            background: #eee;
            cursor: pointer;
        }

    .tableoptions select {
        background: #fcfcfc url(/images/titlebg.png) repeat-x top left;
        padding: 6px 5px 7px 5px;
        border: 1px solid #bbb;
        margin: 0;
        outline: none;
        -moz-box-shadow: 1px 1px 2px #ddd;
        -webkit-box-shadow: 1px 1px 2px #ddd;
        box-shadow: 1px 1px 2px #ddd;
        font-size: 14px;
        color: #666;
    }




.dataTables_wrapper {
    position: relative;
}

.dataTables_length, .dataTables_paginate {
    background: #eee url(/images/titlebg.png) repeat-x top left;
    border: 1px solid #ccc;
    border-top: 0;
    padding: 10px 0 10px 0;
}

.dataTables_wrapper select {
    background: #fcfcfc url(/images/titlebg.png) repeat-x top left;
    padding: 5px;
    border: 1px solid #bbb;
    margin: 0;
    outline: none;
    -moz-box-shadow: 1px 1px 2px #ddd;
    -webkit-box-shadow: 1px 1px 2px #ddd;
    box-shadow: 1px 1px 2px #ddd;
    font-size: 14px;
    color: #666;
}

.dataTables_wrapper input {
    border: 1px solid #ccc;
    padding: 6px 5px 7px 5px;
    width: 200px;
}

.dataTables_filter {
    position: absolute;
    top: 8px;
    right: 8px;
}

.dataTables_info {
    position: absolute;
    bottom: 13px;
    left: 8px;
}

.dataTables_paginate {
    text-align: right; /*line-height: 16px;*/
}

    .dataTables_paginate ul {
        display: inline-block;
    }

    .dataTables_paginate .paginate_button {
        border: 1px solid #ccc;
        padding: 5px 7px;
        margin-left: 5px;
        font-weight: bold;
        background: #fcfcfc;
        font-size: 14px;
    }

    .dataTables_paginate .paginate_active {
        border: 1px solid #222;
        background: #333;
        color: #fff;
        padding: 5px 7px;
        margin-left: 5px;
        font-weight: bold;
        font-size: 14px;
    }

    .dataTables_paginate .paginate_button:hover {
        background: #ddd;
        border: 1px solid #ccc;
        cursor: pointer;
        color: #333;
    }


/************ CALENDAR STYLES *****************/
/************ calendar.html ******************/

#external-events p {
    font-size: 14px;
}

.external-event {
    background: #c3e1ff;
    color: #333;
    padding: 5px 10px;
    margin-bottom: 5px;
    font-weight: bold;
    cursor: move;
}

.fc-header-left span.fc-state-active {
    background: #444;
    color: #fff;
    border: 1px solid #333;
    -moz-box-shadow: inset 1px 1px 1px #333;
    -webkit-box-shadow: insest 1px 1px 1px #333;
}

.fc-header-title {
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
}

    .fc-header-title h2 {
        font-size: 32px;
    }

.fc-button-prev:hover, .fc-button-next:hover {
    color: #fff;
    background: #444;
    border-color: #333;
}

.fc-button-today:hover {
    background: #444;
    border-color: #333;
    color: #fff;
}


/************** STANDARD FORM *******************/
/************** forms.html, wizard.html *********/

.stdform p, .stdform div.par {
    margin: 15px 0;
}

.stdform div.par {
    overflow: hidden;
}

.stdform span.field, .stdform div.field {
    margin-left: 220px;
    display: block;
    position: relative;
}

.stdform .formwrapper {
    display: block;
    padding-top: 5px;
    margin-left: 220px;
    line-height: 25px;
}

.stdform label {
    float: left;
    width: 200px;
    text-align: right;
    padding: 5px 20px 0 0;
}

    .stdform label.error {
        float: none;
        color: #ff6600;
        font-size: 14px;
        display: block;
        text-align: left;
        font-weight: bold;
    }

.stdform input {
    border: 1px solid #ccc;
    background: #fcfcfc;
    padding: 8px 5px;
    width: 300px;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: #666;
}

    .stdform input:focus {
        background: #fff;
        -moz-box-shadow: inset 1px 1px 2px #eee;
        -webkit-box-shadow: inset 1px 1px 2px #eee;
        box-shadow: inset 1px 1px 2px #eee;
    }

.stdform .smallinput {
    width: 40%;
}

.stdform .mediuminput {
    width: 60%;
}

.stdform .longinput {
    width: 80%;
}

.stdform input.error {
    border: 1px solid #ff6600;
}

.stdform input[type=radio], .stdform input[type=checkbox] {
    width: auto;
    margin: 0;
    vertical-align: middle;
}

.stdform input[type=submit] {
    width: auto;
    margin: 0;
    font-weight: bold;
    color: #eee;
    background: #333;
    border: 0;
    padding: 7px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

.stdform input[type=reset] {
    width: auto;
    margin: 0;
    font-weight: bold;
    color: #666;
    border: 1px solid #ccc;
    background: #eee;
    padding: 7px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 5px;
}

.stdform input[type=submit]:hover {
    background: #ffdd00;
    color: #333;
}

.stdform input[type=reset]:hover {
    background: #ddd;
    cursor: pointer;
    color: #333;
}

.stdform textarea {
    border: 1px solid #ccc;
    background: #fcfcfc;
    padding: 8px 5px;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: #666;
}

    .stdform textarea.error {
        border: 1px solid #ff6600;
    }

.stdform select {
    border: 1px solid #ccc;
    padding: 7px 5px;
    min-width: 30%;
    background: #fcfcfc;
    -moz-box-shadow: inset 1px 1px 2px #ddd;
    -webkit-box-shadow: inset 1px 1px 2px #ddd;
    box-shadow: inset 1px 1px 2px #ddd;
    color: #666;
}

    .stdform select.error {
        border: 1px solid #ff6600;
    }

    .stdform textarea:focus, .stdform select:focus {
        background: #fff;
        -moz-box-shadow: inset 1px 1px 2px #eee;
        -webkit-box-shadow: inset 1px 1px 2px #eee;
        box-shadow: inset 1px 1px 2px #eee;
    }

.stdform button {
    border: 1px solid #333;
    background: #333;
    color: #fff;
    cursor: pointer;
    padding: 7px 10px;
    font-weight: bold;
}

    .stdform button:hover {
        background: #111;
        border: 1px solid #000;
        color: #fff;
    }

    .stdform button.cancel {
        background: #eee;
        color: #666;
        border: 1px solid #ddd;
    }

        .stdform button.cancel:hover {
            background: #ddd;
            border: 1px solid #ccc;
        }

.stdform small.desc {
    font-size: 14px;
    color: #999;
    font-style: italic;
    display: block;
    margin: 5px 0 0 220px;
}

.stdform .stdformbutton {
    margin-left: 220px;
}

/*** ANOTHER FORM STYLE ***/
.stdform2 p, .stdform2 div.par {
    border: 1px solid #ddd;
    background: #fcfcfc;
    margin: 0;
    border-top: 0;
}

.stdform2 div.terms {
    border: 0;
    background: none;
}

.stdform2 p:first-child, .stdform2 div.par:first-child {
    border-top: 1px solid #ddd;
}

.stdform div.par {
    overflow: hidden;
}

.stdform2 label {
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
}

    .stdform2 label.error {
        margin-left: 0;
        padding: 0;
    }

    .stdform2 label small {
        font-size: 14px;
        color: #999;
        display: block;
        font-weight: normal;
        line-height: 16px;
    }

.stdform2 span.field, .stdform2 div.field {
    margin-left: 220px;
    display: block;
    background: #fff;
    padding: 20px;
    border-left: 1px solid #ddd;
}

.stdform2 .stdformbutton {
    margin-left: 0;
    padding: 20px;
    background: #fff;
}

/*** DUAL BOX ***/
.dualselect {
    margin-left: 220px;
    display: block;
}

    .dualselect select {
        height: 200px;
        width: 40%;
    }

    .dualselect .ds_arrow {
        display: inline-block;
        vertical-align: top;
        padding-top: 60px;
        margin: 0 10px;
    }

        .dualselect .ds_arrow .ds_prev, .dualselect .ds_arrow .ds_next {
            display: block;
            padding: 5px 10px 7px 10px;
            border: 1px solid #ccc;
            margin-bottom: 5px;
            font-size: 32px;
            font-weight: bold;
            background: #eee url(/images/titlebg.png) repeat-x top left;
        }

            .dualselect .ds_arrow .ds_prev:hover, .dualselect .ds_arrow .ds_next:hover {
                background: #444;
                color: #fff;
                border-color: #333;
                cursor: pointer;
            }

/*** QUICK FORM ***/
.quickform {
    margin: 10px;
}

    .quickform p {
        margin: 10px 0;
    }

    .quickform label {
        display: block;
        margin-bottom: 5px;
        color: #333;
        font-weight: bold;
        width: 100px;
    }

    .quickform .smallinput {
        width: 60px;
    }

    .quickform .action {
        margin-left: 120px;
    }


/************** WIDGET BOX *************************/
/************** widget.html, dashboard.html ********/

.widgetbox {
    background: #fff;
    margin-bottom: 10px;
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;
}

    .widgetbox .title {
        background: #222;
    }

        .widgetbox .title h2 {
            font-size: 14px;
            letter-spacing: 0.8px;
            /*font-family: 'Gotham', Arial, Helvetica, sans-serif;*/
            font-family: 'Gotham', Arial, Helvetica, sans-serif;
            font-weight: bold;
            background-repeat: no-repeat;
            padding: 0 0 0 10px;
            margin:0;
            color: #fff;
            background-image: url(/images/icons/default/sprites2.png);
        }

.tableoptions .title h2 span {
    display: block;
}

.widgetbox .title h2 span {
    display: block;
    padding: 6px 0 6px 10px;
    margin-left: 25px;
    border-left: 1px solid #444;
    background: #333;
}

.widgetbox .widgetcontent {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px;
    line-height: 21px;
}

.widgetcontent ul.linklist {
    list-style: none;
}

    .widgetcontent ul.linklist li {
        border-bottom: 1px dotted #ddd;
        padding: 1px 0;
    }

        .widgetcontent ul.linklist li a {
            display: block;
            padding: 2px 5px;
            color: #666;
        }

            .widgetcontent ul.linklist li a:hover {
                background: #f7f7f7;
                text-decoration: none;
            }

.uncollapsible .tableoptions-content {
    display: block;
}

.tableoptions-content {
    display: none;
}

tbody.collapsed tr.group, tbody.uncollapsed tr.group {
    cursor: pointer;
}

.collapse-arrow-down {
    background: url(/images/icons/arrow.png) no-repeat left;
}

.collapse-arrow-up {
    background: url(/images/icons/arrow-up.png) no-repeat left;
}

.collapse-arrow-down-right {
    background: url(/images/icons/arrow.png) no-repeat right;
}

.collapse-arrow-up-right {
    background: url(/images/icons/arrow-up.png) no-repeat right;
}

.widgetbox .titlehover h2 span, .tableoptions .titlehover h2 span {
    background: url(/images/icons/arrow.png) no-repeat right;
}

.widgetbox .widgettoggle {
    overflow: hidden;
}

.widgetbox .title h2.chart {
    background-position: -10px -227px;
}

.widgetbox .title h2.calendar {
    background-position: -82px -155px;
}

.widgetbox .title h2.tabbed {
    background-position: -190px -443px;
}

.widgetbox .title h2.general {
    background-position: -154px -443px;
}

.widgetbox .title h2.chat {
    background-position: -82px -299px;
}


.widgetbox .listthumb {
    list-style: none;
    margin: 0;
}

    .widgetbox .listthumb li {
        padding: 0;
        margin: 8px 0;
        font-size: 14px;
    }

    .widgetbox .listthumb img {
        vertical-align: middle;
    }

.widgetbox .thumb {
    list-style: none;
    margin: 0;
}

    .widgetbox .thumb li {
        display: inline-block;
        padding: 0;
        margin-right: 5px;
    }

.widgetbox .widgetoptions {
    padding: 5px;
    border: 1px solid #ddd;
    border-top: 0;
    background: #f7f7f7;
    position: relative;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

    .widgetbox .widgetoptions a {
        padding: 3px 10px;
        display: inline-block;
        border: 1px solid #ccc;
        background: #fff;
        font-weight: bold;
        font-size: 14px;
        color: #333;
        background: #f7f7f7 url(/images/titlebg.png) repeat-x top left;
        -moz-box-shadow: 0 1px 0 #fff;
        -webkit-box-shadow: 0 1px 0 #fff;
        box-shadow: 0 1px 0 #fff;
    }

        .widgetbox .widgetoptions a:hover {
            text-decoration: none;
            -moz-box-shadow: 0 0 3px #ccc;
            -webkit-box-shadow: 0 0 3px #ccc;
            box-shadow: 0 0 3px #ccc;
            border: 1px solid #bbb;
        }

    .widgetbox .widgetoptions .right {
        float: right;
    }




/******************* WIDGET BOX ********************/
/******************* dashboard.html ****************/

.analytics2 {
    padding: 5px;
    background: #eee;
    border: 1px solid #ccc;
    text-align: center;
}

.analytics small {
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: bold;
    color: #069;
}

.analytics h1 {
    font-size: 32px;
    color: #333;
    margin: 2px 0;
}

.analytics h2 {
    font-size: 1.2em;
    color: #333;
    text-align: center;
}

.analytics h3 {
    font-size: 1.1em;
    color: #333;
}


/************** WYSIWYG EDITOR ******************/
/************** editor.html *********************/

.wysiwyg-dialog-content input.submit, .ui-dialog .wysiwyg input.submit {
    background: #333;
    color: #ccc;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #333;
}

    .wysiwyg-dialog-content input.submit:hover, .ui-dialog .wysiwyg input.submit:hover {
        background: #ffdd00;
        border: 1px solid #ff9900;
        color: #333;
    }

.wysiwyg-dialog-content input.reset, .ui-dialog .wysiwyg input.reset {
    cursor: pointer;
    font-weight: bold;
    color: #666;
    background: #f7f7f7;
}

    .wysiwyg-dialog-content input.reset:hover, .ui-dialog .wysiwyg input.reset:hover {
        background: #eee;
    }


/*************** NOTIFICATION MESSAGE STYLES ******************/
/*************** media.html ***********************************/

.notifyMessage {
    padding: 7px 10px;
    font-weight: bold;
    margin: 10px 0;
    display: none;
}

.notifySuccess {
    border: 1px solid #C1D779;
    background: #EFFEB9;
    display: block;
}

.notifyError {
    border: 1px solid #E18B7C;
    background: #FAD5CF;
    display: block;
}


/************** WIZARD STYLES ************************/
/************** wizard.html **************************/

.wizard .hormenu {
    list-style: none;
}

    .wizard .hormenu li {
        float: left;
        width: 33%;
    }

        .wizard .hormenu li a {
            display: block;
        }

            .wizard .hormenu li a:hover {
                text-decoration: none;
            }

            .wizard .hormenu li a span.h2 {
                font-size: 32px;
                color: #999;
                text-align: center;
                display: block;
                font-family: 'Gotham', Arial, Helvetica, sans-serif;
            }

            .wizard .hormenu li a span.dot {
                display: block;
                height: 20px;
                margin-top: 5px;
                text-align: center;
                background: url(/images/stepline.png) repeat-x center left;
            }

        .wizard .hormenu li span.label {
            display: block;
            text-align: center;
            font-weight: bold;
            color: #999;
        }

        .wizard .hormenu li a span.dot span {
            width: 20px;
            height: 20px;
            display: inline-block;
            background: url(/images/steps.png) no-repeat 0 -40px;
        }

        .wizard .hormenu li:first-child a span.dot {
            margin-left: 45%;
            text-align: left;
        }

        .wizard .hormenu li:last-child a span.dot {
            margin-right: 45%;
            text-align: right;
        }

        .wizard .hormenu li a.done span.h2, .wizard .hormenu li a.done span.label {
            color: #333;
        }

        .wizard .hormenu li a.done span.dot span {
            background-position: 0 -20px;
        }

        .wizard .hormenu li:first-child a.done span.dot span {
            background-position: 0 0;
        }

        .wizard .hormenu li a.selected span.dot span {
            background-position: 0 -120px;
        }

        .wizard .hormenu li:first-child a.selected span.dot span {
            background-position: 0 -100px;
        }

        .wizard .hormenu li a.selected span.h2, .wizard .hormenu li a.selected span.label {
            color: #333;
        }


/**************** TABBED WIZARD *******************/
/**************** wizard.html *********************/

.wizard .tabbedmenu {
    list-style: none;
    background: #f7f7f7;
    padding: 10px;
    padding-bottom: 0;
    border: 1px solid #ddd;
}

    .wizard .tabbedmenu li {
        display: inline-block;
        margin-right: 5px;
        position: relative;
        bottom: -1px;
    }

        .wizard .tabbedmenu li a {
            display: block;
            padding: 10px 20px;
            color: #999;
            border: 1px solid #ddd;
            background: #eee;
        }

        .wizard .tabbedmenu li a {
        }

            .wizard .tabbedmenu li a span {
                font-weight: bold;
            }

                .wizard .tabbedmenu li a span.h2 {
                    color: #999;
                    display: block;
                    font-size: 32px;
                    font-family: 'Gotham', Arial, Helvetica, sans-serif;
                    font-weight: normal;
                }

            .wizard .tabbedmenu li a:hover {
                text-decoration: none;
            }

            .wizard .tabbedmenu li a.selected, .wizard .tabbedmenu li a.done {
                background: #fff;
                color: #333;
                border-bottom: 1px solid #fff;
            }

                .wizard .tabbedmenu li a.selected span.h2, .wizard .tabbedmenu li a.selected span {
                    color: #333;
                }

                .wizard .tabbedmenu li a.done span.h2, .wizard .tabbedmenu li a.done span {
                    color: #333;
                }

.verwizard .content {
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.stepContainer .par p {
    margin: 10px 0;
    padding: 0;
    border: 0;
    background: none;
}

    .stepContainer .par p:last-child {
        border-bottom: 0;
    }

.actionBar {
    padding: 10px 0;
    position: relative;
    overflow:hidden;
    clear: both;
}

    .actionBar .loader {
        float: left;
        display: none;
    }

    .actionBar a {
        float: right;
        display: inline-block;
        padding: 5px 15px;
        background: #333;
        color: #eee;
        margin-left: 5px;
        font-weight: bold;
        text-shadow: 1px 1px #111;
    }

        .actionBar a:hover {
            text-decoration: none;
            background: #000;
            color: #fff;
            text-shadow: none;
        }

        .actionBar a.buttonDisabled {
            background: #ccc;
            color: #666;
            text-shadow: 1px 1px #ddd;
        }

            .actionBar a.buttonDisabled:hover {
                background: #ccc;
                color: #666;
                text-shadow: 1px 1px #ddd;
                cursor: default;
            }

    .actionBar .msgBox {
        margin: 40px 0 10px 0;
        position: relative;
    }

        .actionBar .msgBox .content {
            padding: 7px 10px;
            background: #fffccc;
            color: #333;
            border: 1px solid #FEEA7A;
        }

        .actionBar .msgBox .close {
            padding: 0 2px 2px 2px;
            background: none;
            line-height: 10px;
            text-transform: lowercase;
            font-size: 0.85em;
            position: absolute;
            top: 5px;
            right: 7px;
            color: #333;
            text-shadow: none;
            font-weight: bold;
        }

            .actionBar .msgBox .close:hover {
                background: #333;
                color: #eee;
            }


/*************** VERTICAL WIZARD *********************/
/*************** wizard.html *************************/

.verwizard .verticalmenu {
    list-style: none;
    width: 100%;
    font-size: 12px;
    border: 1px dotted gray;
    box-shadow: 0 0 3px #DDDDDD;
}

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

    .verwizard .verticalmenu li {
        border-bottom: dotted 1px gray;
        padding: 3px;
    }

    .verwizard .verticalmenu a {
        display: block;
        padding: 7px 4px;
        color: #666;
    }

        .verwizard .verticalmenu a:hover {
            text-decoration: underline;
        }

        .verwizard .verticalmenu a.selected {
            background: #e0e0e0;
            /*color: #fff;*/
            font-weight: bold;
        }

        .verwizard .verticalmenu a.done, .verwizard .verticalmenu a.needsattention {
            /*background: #333;
            color: #aaa;*/
            font-weight: bold;
            /*background-image: url("/images/icons/success-icon.png");
            background-position:right;
            background-repeat:no-repeat;*/
        }

        .verwizard .verticalmenu a.done, .verwizard .verticalmenu a.idle {
            font-style: italic;
            /*background: #333;
            color: #aaa;*/
            /*font-weight: bold;*/
            /*background-image: url("/images/icons/success-icon.png");
            background-position:right;
            background-repeat:no-repeat;*/
        }

            .verwizard .verticalmenu a.done:before {
                content: "✔ ";
                color: #88CC88;
                font-size: 1.2em;
            }

            .verwizard .verticalmenu a.idle:before {
                content: "* ";
                color: #DDAA44;
                font-size: 1.2em;
            }

            .verwizard .verticalmenu a.needsattention:before {
                content: "! ";
                color: #BB6666;
            font-size: 1.2em;
            }

        .verwizard .verticalmenu a.disabled {
            font-style: italic;
            text-decoration: none;
        }

        .verwizard .verticalmenu a span {
            /*font-weight: bold;*/
        }

/*.verwizard .stepContainer {
    margin-left: 200px;
}*/

.verwizard .actionBar {
    margin: 10px 0 0 200px;
}

.formwiz form,
.formwiz .ym-form
{
    margin:0;
    padding-top:10px;
}

/************* MEDIA STYLES **********************/
/************* media.html ************************/

.imagelist {
    list-style: none;
}

    .imagelist li {
        float: left;
        padding: 5px;
        margin: 0 20px 20px 0;
        background: #fff;
        border: 1px solid #ddd;
        -moz-box-shadow: 1px 1px 2px #eee;
        -webkit-box-shadow: 1px 1px 2px #eee;
        box-shadow: 1px 1px 2px #eee;
    }

        .imagelist li img {
            display: block;
            margin-bottom: 10px;
            margin-left: auto;
            margin-right: auto;
        }

        .imagelist li span {
            display: block;
            text-align: center;
        }

            .imagelist li span a {
                vertical-align: middle;
            }

                .imagelist li span a.name {
                    font-weight: bold;
                }

                    .imagelist li span a.name:hover {
                        text-decoration: none;
                    }

                .imagelist li span a.edit, .imagelist li span a.view, .imagelist li span a.delete {
                    display: inline-block;
                    width: 16px;
                    height: 16px;
                    cursor: pointer;
                    margin-left: 5px;
                    vertical-align: middle;
                    opacity: 0.5;
                }

                    .imagelist li span a.edit:hover, .imagelist li span a.view:hover, .imagelist li span a.delete:hover {
                        opacity: 1;
                    }

                .imagelist li span a.edit {
                    background: url(/images/icons/default/editor.png);
                }

                .imagelist li span a.view {
                    background: url(/images/icons/default/glass.png);
                }

                .imagelist li span a.delete {
                    background: url(/images/icons/default/trash.png);
                }

.photoEdit {
    width: 480px;
}


/************ ELEMENT STYLES ********************/
/************ element.html **********************/

.colorselector {
    display: inline-block;
    height: 28px;
    width: 28x;
    vertical-align: middle;
    position: relative;
    vertical-align: middle;
    margin-left: 5px;
}

    .colorselector span {
        display: block;
        height: 28px;
        width: 28px;
        position: absolute;
        left: 0;
        top: 0;
        background: #000 url(..//images/colorpicker/select2.png) no-repeat -4px -4px;
    }


/************** NOTIFICATION MESSAGES ****************/
/************** elements.html *******************************/

.notification {
    min-height: 60px;
    /*height: 51px;
    overflow: hidden;*/
    position: relative;
    margin-bottom: 20px;
    -moz-box-shadow: 1px 1px 2px #ddd;
}

    .notification > p,
    .notification > div,
    .content .notification > p,
    .content .notification > div {
        margin: 10px 10px 0 75px;
        font-size: 14px;
        color: #333;
    }

    .notification > h3 {
        margin: 10px 0 0 10px;
    }

    .notification a.close {
        position: absolute;
        width: 14px;
        height: 14px;
        top: 5px;
        right: 5px;
        background-image: url(/images/close.png);
        background-repeat: no-repeat;
    }

    .notification span.icon {
        position: absolute;
        width: 48px;
        height: 48px;
        top: 5px;
        left: 10px;
        background-repeat: no-repeat;
    }

    .notification a.close:hover {
        cursor: pointer;
    }

    .notification > ul {
        margin-left: 25px;
    }

.msgalert a.close {
    background-position: -14px 0;
}

    .msgalert a.close:hover {
        background-position: -14px -14px;
    }

.msginfo a.close {
    background-position: -42px 0;
}

    .msginfo a.close:hover {
        background-position: -42px -14px;
    }

.msgsuccess a.close {
    background-position: -28px 0;
}

    .msgsuccess a.close:hover {
        background-position: -28px -14px;
    }

.msginfo span.icon {
    background-image: url(/images/icons/info-icon.png);
}

.msgalert span.icon {
    background-image: url(/images/icons/alert-icon.png);
}

.msgsuccess span.icon {
    background-image: url(/images/icons/success-icon.png);
}

.msgerror span.icon {
    background-image: url(/images/icons/error-icon.png);
}

.msgerror a.close {
    background-position: 0 0;
}

    .msgerror a.close:hover {
        background-position: 0 -14px;
    }

.msgalert {
    border: 1px solid #eac572;
    background: #ffe9ad; /* url(/images/notifications.png) no-repeat 0 -52px;*/
    font-weight: bold;
}

.msginfo {
    border: 1px solid #99c4ea;
    background: #d1e4f3; /*url(/images/notifications.png) no-repeat 0 -156px;*/
}

.msgsuccess {
    border: 1px solid #c1d779;
    background: #effeb9 /* url(/images/notifications.png) no-repeat 0 -104px*/;
    font-weight: bold;
}

.msgerror {
    border: 1px solid #e18b7c;
    background: #fad5cf; /* url(/images/notifications.png) no-repeat 0 0;*/
    font-weight: bold;
}

/*.validation-summary-errors {
    position: relative;
    margin-bottom: 20px;
    -moz-box-shadow: 1px 1px 2px #ddd;
    border: 1px solid #e18b7c;
    background-color: #fad5cf;
    padding: 5px;
    font-size: 1em;
    color: #333;
}

    .validation-summary-errors ul {
        margin: 10px 0 10px 20px;
        color: #666666;
    }*/

/********** BUTTONS & ICONS ********************/
/********** buttons.html ***********************/

.button_alert {
    background-image: url(/images/icons/default/alert.png);
}

.anchorbutton {
    display: inline-block;
    border: 1px solid #ccc;
    color: #333;
    background-position: 7px;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
    -moz-box-shadow: 1px 1px 2px #e7e7e7;
    -webkit-box-shadow: 1px 1px 2px #e7e7e7;
    box-shadow: 1px 1px 2px #e7e7e7;
}

    .anchorbutton:hover {
        text-decoration: none;
    }

    .anchorbutton span {
        background-color: #fff;
        display: block;
        margin-left: 30px;
        border-left: 1px solid #ddd;
        padding: 5px 10px;
    }

.buttonlist {
    list-style: none;
}

    .buttonlist li {
        display: inline-block;
        margin-bottom: 15px;
        margin-right: 10px;
    }

a.button {
    display: inline-block;
    border: 1px solid #ccc;
    font-weight: bold;
    background-color: #f7f7f7;
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;
    color: #666;
}

    a.button:hover {
        text-decoration: none;
        color: #333;
        -moz-box-shadow: 1px 1px 5px #ddd;
        -webkit-box-shadow: 1px 1px 5px #ddd;
        box-shadow: 1px 1px 5px #ddd;
    }

    a.button span {
        padding: 5px 10px;
        display: block;
        background: #fff url(/images/buttonbg.png) repeat-x 0 -31px;
        text-shadow: 1px 1px #fff;
    }

a.custom-btn {
    display: inline-block;
    border: 1px solid #ccc;
    font-weight: bold;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-image: url(/images/icons/default/sprites2.png);
    color: #666;
    cursor: pointer;
}

    a.custom-btn.warning {
        border: 1px solid #EAC572;
        background-color: #FFE9AD;
    }

    /*a.btn:hover {
        text-decoration: none;
        color: #333;
    }*/

    a.custom-btn span {
        padding: 5px 10px;
        margin-left: 35px;
        display: block;
        background: #fff url(/images/buttonbg.png) repeat-x 0 -31px;
        border-left: 1px solid #ccc;
        text-shadow: 1px 1px #fff;
    }

a.btn2 {
}

    a.btn2 span {
        padding-right: 15px;
    }

a.btn3 {
    width: 34px;
    height: 32px;
}

a.btn4 {
    width: 34px;
    height: 32px;
}

a.btn_search {
    background-position: -10px -12px;
}

a.btn_trash {
    background-position: -47px -12px;
}

a.btn_flag {
    background-position: -82px -12px;
}

a.btn_home {
    background-position: -119px -12px;
}

a.btn_link {
    background-position: -154px -12px;
}

a.btn_book {
    background-position: -190px -12px;
}

a.btn_mail {
    background-position: -10px -47px;
}

a.btn_help {
    background-position: -47px -47px;
}

a.btn_rss {
    background-position: -82px -47px;
}

a.btn_archive {
    background-position: -119px -47px;
}

a.btn_info {
    background-position: -154px -47px;
}

a.btn_bell {
    background-position: -190px -47px;
}

a.btn_world {
    background-position: -10px -83px;
}

a.btn_bulb {
    background-position: -47px -83px;
}

a.btn_cloud {
    background-position: -82px -83px;
}

a.btn_clip {
    background-position: -119px -83px;
}

a.btn_folder {
    background-position: -154px -83px;
}

a.btn_lock {
    background-position: -190px -83px;
}

a.btn_tag {
    background-position: -10px -119px;
}

a.btn_note {
    background-position: -47px -119px;
}

a.btn_key {
    background-position: -82px -119px;
}

a.btn_stop {
    background-position: -119px -119px;
}

a.btn_airplane {
    background-position: -154px -119px;
}

a.btn_info2 {
    background-position: -190px -119px;
}

a.btn_alarm {
    background-position: -10px -155px;
}

a.btn_clock {
    background-position: -47px -155px;
}

a.btn_calendar {
    background-position: -82px -155px;
}

a.btn_basket {
    background-position: -119px -155px;
}

a.btn_dollartag {
    background-position: -154px -155px;
}

a.btn_cart {
    background-position: -190px -155px;
}

a.btn_cart2 {
    background-position: -10px -191px;
}

a.btn_user {
    background-position: -47px -191px;
}

a.btn_users {
    background-position: -82px -191px;
}

a.btn_male {
    background-position: -119px -191px;
}

a.btn_female {
    background-position: -154px -191px;
}

a.btn_refresh {
    background-position: -190px -191px;
}

a.btn_chart {
    background-position: -10px -227px;
}

a.btn_pie {
    background-position: -47px -227px;
}

a.btn_address {
    background-position: -82px -227px;
}

a.btn_zip {
    background-position: -119px -227px;
}

a.btn_document {
    background-position: -154px -227px;
}

a.btn_pdf {
    background-position: -190px -227px;
}

a.btn_marker {
    background-position: -10px -262px;
}

a.btn_sign {
    background-position: -47px -262px;
}

a.btn_clipboard {
    background-position: -82px -262px;
}

a.btn_cut {
    background-position: -119px -262px;
}

a.btn_pencil {
    background-position: -154px -262px;
}

a.btn_paint {
    background-position: -190px -262px;
}

a.btn_battery {
    background-position: -10px -299px;
}

a.btn_battery2 {
    background-position: -47px -299px;
}

a.btn_chat {
    background-position: -82px -299px;
}

a.btn_chat2 {
    background-position: -119px -299px;
}

a.btn_message {
    background-position: -154px -299px;
}

a.btn_message2 {
    background-position: -190px -299px;
}

a.btn_phone {
    background-position: -10px -335px;
}

a.btn_call {
    background-position: -47px -335px;
}

a.btn_inbox {
    background-position: -82px -335px;
}

a.btn_inboxo {
    background-position: -119px -335px;
}

a.btn_inboxi {
    background-position: -154px -335px;
}

a.btn_bluetooth {
    background-position: -190px -335px;
}

a.btn_wifi {
    background-position: -10px -370px;
}

a.btn_settings {
    background-position: -47px -370px;
}

a.btn_settings2 {
    background-position: -82px -370px;
}

a.btn_settings3 {
    background-position: -119px -370px;
}

a.btn_hd {
    background-position: -154px -370px;
}

a.btn_hd2 {
    background-position: -190px -370px;
}

a.btn_image {
    background-position: -10px -408px;
}

a.btn_image2 {
    background-position: -47px -408px;
}

a.btn_sound {
    background-position: -82px -408px;
}

a.btn_media {
    background-position: -119px -408px;
}

a.btn_mic {
    background-position: -154px -408px;
}

a.btn_print {
    background-position: -190px -408px;
}

a.btn_laptop {
    background-position: -10px -443px;
}

a.btn_mouse {
    background-position: -47px -443px;
}

a.btn_camera {
    background-position: -82px -443px;
}

a.btn_video {
    background-position: -119px -443px;
}

a.btn_grid {
    background-position: -154px -443px;
}

a.btn_grid2 {
    background-position: -190px -443px;
}

a.btn_list {
    background-position: -10px -480px;
}

a.btn_list2 {
    background-position: -47px -480px;
}

a.btn_table {
    background-position: -82px -480px;
}

a.btn_save {
    background-position: -154px -480px;
}


a.stdbtn {
    display: inline-block;
}

.stdbtn {
    font-weight: bold;
    padding: 5px;
    border: 1px solid #ccc;
    /*background: #eee url(/images/buttons.png) repeat-x top left;*/
    color: #333;
    cursor: pointer;
    opacity: 1;
}

    .stdbtn:hover {
        text-decoration: none;
    }

.stdbtn2 {
    font-weight: bold;
    padding: 5px;
    border: 1px solid #ccc;
    background: #eee url(/images/buttons.png) repeat-x top left;
    color: #333;

    cursor: pointer;
    opacity: 1;
}

    .stdbtn2:hover {
        text-decoration: none;
    }

.btn_disabled {
    background-position: 0 -38px;
    border-color: #ebb205;
    color: #ae510d;
}

.btn_yellow {
    background-position: 0 -38px;
    border-color: #ebb205;
    color: #ae510d;
}

.btn_blue {
    background-position: 0 -76px;
    border-color: #0282ce;
    color: #fff;
}

.btn_black {
    background-position: 0 -114px;
    border-color: #222;
    color: #fff;
}

.btn_lime {
    background-position: 0 -152px;
    border-color: #59bf04;
    color: #367501;
}

.btn_orange {
    background-position: 0 -190px;
    border-color: #cd7a03;
    color: #6e3c17;
}

.btn_red {
    /*background-position: 0 -228px;*/
    background: #eb2f30;
    border-color: #a31314;
    color: #fff;
}

.stdbtn:active {
    background: #eee;
}

.btn_disabled:active {
    background: #ffde06;
}

.btn_yellow:active {
    background: #ffde06;
}

.btn_blue:active {
    background: #0591e5;
}

.btn_black:active {
    background: #333333;
}

.btn_lime:active {
    background: #6adc0b;
}

.btn_orange:active {
    background: #ff9702;
}

.btn_red:active {
    background: #eb2f30;
}


button[disabled].stdbtn,
button[disabled]:hover.stdbtn,
input[type=button][disabled].stdbtn,
input[type=button][disabled]:hover.stdbtn,
input[type=reset][disabled].stdbtn,
input[type=reset][disabled]:hover.stdbtn,
input[type=submit][disabled].stdbtn,
input[type=submit][disabled]:hover.stdbtn {
    background: #eee;
    color: #aaa !important;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*********** PROGRESS BAR *********************/
/*********** dashboard.html, elements.html ****/

.progress {
    margin: 5px 0;
}

    .progress .bar {
        background: #eee;
        padding: 1px;
        border: 1px solid #ccc;
    }

    .progress .bar {
        -moz-box-shadow: inset 2px 2px 3px #fff;
        -webkit-box-shadow: inset 2px 2px 3px #fff;
        box-shadow: inset 2px 2px 3px #fff;
    }

        .progress .bar .value {
            height: 5px;
            background-image: url(/images/progress.png);
        }

    .progress .bar2 {
        background: #eee;
        padding: 1px;
        border: 1px solid #ccc;
    }

    .progress .bar2 {
        -moz-box-shadow: inset 2px 2px 3px #fff;
        -webkit-box-shadow: inset 2px 2px 3px #fff;
        box-shadow: inset 2px 2px 3px #fff;
    }

        .progress .bar2 .value {
            padding: 0;
            text-align: center;
            color: #fff;
        }

        .progress .bar2 .value {
            background-image: url(/images/progress.png);
            background-position: 0 0;
            font-size: 14px;
            font-weight: bold;
        }

    .progress .bluebar {
        background-color: #06f;
        box-shadow: inset 1px 1px 2px #9af;
    }

    .progress .orangebar {
        background-color: #F90;
    }

    .progress .redbar {
        background-color: #cc0000;
    }


/********** WIDGETS *************************/
/********** widgets.html ********************/

.widgetgrid .widgetbox {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 20px 0;
}

.announcement p {
    margin: 20px 0;
    color: #666;
}

    .announcement p:first-child {
        margin-top: 0;
    }

    .announcement p:last-child {
        margin-bottom: 0;
    }

    .announcement p span {
        color: #333;
        background: #999;
        padding: 1px 10px;
        color: #fff;
        font-size: 14px;
        display: inline-block;
    }

.statement table td {
    text-align: center;
}

.statement table tbody tr td:first-child, .statement table thead tr th:first-child {
    border-left: 0;
}

.statement table tbody tr td:last-child, .statement table thead tr th:last-child {
    border-right: 0;
}

.statement table tbody tr:hover td {
    background: #fff;
}

.activitylist {
    list-style: none;
}

    .activitylist li {
        display: block;
        border-bottom: 1px solid #eee;
    }

        .activitylist li a {
            display: block;
            padding: 7px 5px 8px 40px;
            color: #666;
            margin: 1px;
            background-repeat: no-repeat;
            background-position: 8px center;
        }

            .activitylist li a:hover {
                text-decoration: none;
                background-color: #f7f7f7;
            }

            .activitylist li a span {
                font-size: 0.85em;
                color: #999;
                line-height: 10px;
            }

        .activitylist li.message a {
            background-image: url(/images/icons/default/mail.png);
        }

        .activitylist li.user a {
            background-image: url(/images/icons/default/users.png);
        }

        .activitylist li.media a {
            background-image: url(/images/icons/default/media.png);
        }

.userlistwidget ul {
    list-style: none;
}

    .userlistwidget ul li {
        font-size: 14px;
        line-height: 18px;
        border-bottom: 1px dashed #ddd;
        padding: 10px 0;
    }

        .userlistwidget ul li:first-child {
            padding-top: 0;
        }

        .userlistwidget ul li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        .userlistwidget ul li .avatar {
            float: left;
            margin-right: 10px;
            padding: 2px;
            border: 1px solid #eee;
        }

        .userlistwidget ul li a {
            font-weight: bold;
        }

.userlistwidget .more {
    display: block;
    text-align: center;
    background: #eee;
    color: #069;
    padding: 1px 0;
    font-size: 0.85em;
    text-transform: uppercase;
    font-weight: bold;
}

    .userlistwidget .more:hover {
        text-decoration: none;
        background: #e7e7e7;
    }

.stdformwidget label {
    width: 80px;
}

.stdformwidget div.par {
    margin: 13px 0 14px 0;
}

.stdformwidget div.field {
    margin-left: 100px;
}


/********** CHAT STYLES ******************/
/********** chat.html ********************/

.contactlist {
    list-style: none;
}

    .contactlist li {
        border-top: 1px solid #eee;
        position: relative;
        padding: 1px;
    }

        .contactlist li:first-child {
            border-top: 0;
        }

        .contactlist li span.msgcount {
            position: absolute;
            top: 12px;
            right: 30px;
            font-size: 0.85em;
            padding: 3px 5px;
            line-height: 10px;
            color: #fff;
            background: #dd0000;
            font-weight: bold;
        }

        .contactlist li a {
            padding: 8px 10px;
            display: block;
            color: #666;
        }

        .contactlist li.online a {
            background: url(/images/online.png) no-repeat right 16px;
        }

        .contactlist li.new a {
            font-weight: bold;
        }

        .contactlist li a:hover {
            background-color: #fcfcfc;
            text-decoration: none;
        }

        .contactlist li a img {
            vertical-align: middle;
            display: inline-block;
            margin-right: 10px;
        }

.chatsearch {
    padding: 5px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

    .chatsearch input {
        float: left;
        border: 1px solid #ddd;
        padding: 7px 5px 7px 35px;
        width: 245px;
        background: #fff url(/images/search.png) no-repeat left center;
        color: #ccc;
    }

        .chatsearch input:focus {
            color: #333;
        }

.chatbottom {
    padding: 8px 10px;
    background: #f7f7f7;
    border-top: 1px solid #ddd;
}

    .chatbottom a {
        color: #666;
        font-weight: bold;
        font-size: 14px;
        border: 1px solid #ddd;
        background: #fcfcfc;
        display: inline-block;
        padding: 2px 10px;
    }

        .chatbottom a:hover {
            text-decoration: none;
            border: 1px solid #bbb;
            -moz-box-shadow: 0 0 1px #ddd;
            -webkit-box-shadow: 0 0 1px #ddd;
            box-shadow: 0 0 1px #ddd;
        }

.chatcontent {
    height: 500px;
    position: relative;
    padding: 0;
}

    .chatcontent .messagebox {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #f7f7f7;
        border-top: 1px solid #ddd;
        padding: 10px 0;
    }

        .chatcontent .messagebox input {
            border: 1px solid #ccc;
            padding: 8px 5px 8px 30px;
            width: 78.6%;
            display: inline-block;
            margin-left: 1%;
            background: #fff url(/images/icons/default/chat.png) no-repeat 8px 8px;
        }

            .chatcontent .messagebox input:focus {
                -moz-box-shadow: 0 0 5px #eee;
                -webkit-box-shadow: 0 0 5px #eee;
                box-shadow: 0 0 5px #eee;
            }

        .chatcontent .messagebox button {
            border: 0;
            padding: 7px 0;
            text-align: center;
            font-weight: bold;
            background: #333;
            color: #fff;
            display: inline-block;
            margin-left: 1%;
            width: 13%;
        }

            .chatcontent .messagebox button:hover {
                background: #111;
                color: #fff;
                cursor: pointer;
            }

.chatmessage {
    height: 425px;
    border: 1px solid #ddd;
    margin: 10px;
    overflow: auto;
    position: relative;
}

#chatmessageinner {
}

    #chatmessageinner p {
        padding: 10px;
        border-bottom: 1px dotted #ddd;
    }


/************ PAGINATION ****************/
/************ elements.html *************/
/*
.pagination {
    list-style: none;
    overflow: hidden;
}

    .pagination li {
        display: inline-block;
        float: left;
        margin-right: 5px;
    }

        .pagination li.first, .pagination li.previous, .pagination li.next, .pagination li.last {
            font-size: 1.2em;
        }

        .pagination li a {
            display: block;
            font-weight: bold;
            border: 1px solid #ccc;
            padding: 5px 10px;
            color: #333;
            line-height: 21px;
            vertical-align: top;
        }

        .pagination li a {
            background: #f7f7f7;
        }

            .pagination li a:hover {
                cursor: pointer;
                text-decoration: none;
                background: #eee;
            }

            .pagination li a.current {
                background: #333;
                color: #fff;
                border: 1px solid #272727;
            }

        .pagination li.first a:active, .pagination li.previous a:active, .pagination li.next a:active, .pagination li.last a:active {
            background: #333;
            color: #fff;
            border: 1px solid #272727;
        }

        .pagination li a.disable {
            color: #ccc;
        }

            .pagination li a.disable:hover {
                background: #f7f7f7;
                cursor: default;
            }

            .pagination li a.disable:active {
                background: #f7f7f7;
                border: 1px solid #ccc;
                color: #ccc;
            }

div.pagination-results {
    text-align: right;
}
*/

/***** CHECKBOX TRANSFORM STYLES *****/
/***** tables.html, form.html ********/
/*
.checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/images/checkbox.png) no-repeat 0 0;
    vertical-align: middle;
}

    .checkbox input {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
        filter: alpha(opacity=00);
    }

.radio {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/images/radio.png) no-repeat 0 0;
    vertical-align: middle;
}

    .radio input {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
        filter: alpha(opacity=00);
    }

.checked {
    background-position: 0 -16px;
}
*/

/************* ERROR PAGES ************/
/************* 404.html ***************/

.errorWrapper {
    width: 700px;
    text-align: center;
    margin: 80px auto 0 auto;
}

    .errorWrapper h2 {
        color: #fff;
        margin-bottom: 30px;
    }

    .errorWrapper p {
        color: #fff;
        font-size: 1.05em;
        margin: 20px 0;
    }

    .errorWrapper a.button {
        display: inline-block;
        padding: 10px 30px;
        background: #999;
        color: #222;
        font-weight: bold;
        margin-top: 20px;
    }

    .errorWrapper a {
        color: #fff;
        font-weight: bold;
    }

        .errorWrapper a.default {
            color: #222;
            background: #999;
        }

        .errorWrapper a.hover {
            background: #fff;
            color: #333;
            text-decoration: none;
        }

.pageErrorTitle {
    color: #fff;
    font-size: 3em;
    text-shadow: 1px 1px #333;
}

/************** FOOTER ***************/
/************** all pages ************/

.footer {
    margin: 10px 0;
    font-size: 13px;
    text-align: center;
    color:#414141;
}


/************** CUSTOM STYLES **********/
/************** some pages *************/

.center {
    text-align: center;
}

.width50 {
    width: 100px !important;
}

.block {
    display: block;
}

.margintop10 {
    margin-top: 10px;
}

.textright {
    text-align: right;
}

.tooltipflot {
    font-size: 14px;
    padding: 5px 10px;
    background: url(/images/blacktrans.png);
    color: #eee;
}

.noright {
    margin-right: 0;
}

.radiusbottom0 {
}

.padding0 {
    padding: 0 !important;
}

.width100 {
    width: 100px !important;
}

#popwizard {
    padding: 20px;
}

    #popwizard .stepContainer {
        height: 268px !important;
    }

    #popwizard .actionBar {
        padding-top: 30px;
    }

.pie {
    font-size: 10px;
    text-align: center;
    padding: 2px;
    color: #fff;
    text-shadow: 1px 1px #444;
}

.quickform .notifyMessage {
    margin: 0;
    margin-bottom: 20px;
}

.stdform .vsmallinput {
    width: 60px;
}

.borderTop0 {
    border-top: 0;
}

.color333 {
    color: #333;
}

.loaders img {
    margin-right: 10px;
    display: inline-block;
}

.chartplace {
    margin-bottom: 10px;
    height: 150px;
}

.average {
    font-size: 0.85em;
    text-transform: uppercase;
    color: #069;
    font-weight: bold;
    border-top: 1px dashed #ccc;
    padding-top: 5px;
}

    .average h3 {
        display: inline-block;
        vertical-align: bottom;
        margin-left: 10px;
        font-size: 1.1em;
    }

.ui-datepicker-inline .ui-datepicker-calendar td a:hover {
    background: #ddd;
    text-decoration: none;
    color: #666;
    text-shadow: none;
}

.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today a {
    background: #333;
    text-decoration: none;
    color: #fff;
    text-shadow: none;
    font-weight: bold;
}

.person-company {
    font-weight: bold;
}

.person-title {
    font-style: italic;
}

.person-name {
    font-weight: bold;
    text-transform: uppercase;
}

.person-bio {
}

.event-date {
    font-size: 12px;
    font-style: italic;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.detail-close {
    display: none;
}

/*this class is for the superscript edit link used in company*/
.edit-link {
    display: none;
}

.edit {
    font-size: 0.6em;
}

.watermark {
    color: #999 !important;
}

ul.slides,
#tabs ul,
#tabs ol {
    margin: 0; padding:0;
}
/*ol.question, ul.question { 
    margin:1em 0 1em 2em;
}*/

/************** JCAROUSEL **********/
.jcarousel-vertical {
    position: relative;
    overflow: hidden;
    /*width: 50%;
    width: 75px;*/
    width: auto;
    height: 200px; /*depends on list*/
    /*border: 1px solid #000;*/
}

    .jcarousel-vertical ul {
        height: 20000px;
        /*width: 75px;*/
        width: auto;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .jcarousel-vertical ul#announcement-list {
            list-style: square inside none;
        }

    .jcarousel-vertical li {
        height: auto;
        margin: 0 0 5px 0;
        padding: 0;
    }

    .jcarousel-vertical .jcarousel-next-vertical {
        position: absolute;
        bottom: -1px;
        left: 210px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background: url('//lartaportal.blob.core.windows.net/images/flexslider/bg_direction_nav.png') no-repeat 1px 0;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Safari and Chrome */
        -o-transform: rotate(-90deg); /* Opera */
        -moz-transform: rotate(-90deg); /* Firefox */
    }


    .jcarousel-vertical .jcarousel-prev-vertical {
        position: absolute;
        bottom: -5px;
        left: 175px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background: url('//lartaportal.blob.core.windows.net/images/flexslider/bg_direction_nav.png') no-repeat 1px 0;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Safari and Chrome */
        -o-transform: rotate(90deg); /* Opera */
        -moz-transform: rotate(90deg); /* Firefox */
    }


/*Horizontal*/
.jcarousel-skin-default .jcarousel {
    position: relative;
    overflow: hidden;
    width: 75%;
    height: 75px;
    border: 1px solid #000;
}

.jcarousel-skin-default ul {
    width: 20000px;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel-skin-default li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}

*[dir=rtl] .jcarousel-skin-default li {
    float: right;
    margin: 0 0 0 10px;
}

/** Custom **/

.jcarousel-skin-default li img {
    border: 0;
}

/*Public program pages*/
/*#public-program-logo,
#program-menu {
    text-align: right;
    padding-right: 25px;
}*/

#public-program-banner {
    text-align: left;
    margin-bottom: 20px;
}

    #public-program-banner img {
        width: 100%;
    }

#program-menu {
    font-family: 'Gotham', Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2em;
}

    #program-menu a {
        color: #333;
    }

    #program-menu a.active {
        color: #fff;
    }

    #program-menu ul {
        list-style-type: none;
    }

    #program-menu li.current > a {
        color: #fff;
    }

        #program-menu li.current > a span {
            background-color: gray;
        }

    #program-menu ul li span {
        display: block;
        padding: 5px 10px;
    }

#returning-user {
    width: 80%;
    margin: 30px auto 0;
    text-align: center;
}

div.public-content h1 {
    font-family: 'Tauri', sans-serif;
    letter-spacing: normal;
    text-transform: none;
}

div.public-content a {
    font-weight: bold;
}
/*Public overview page*/
.program-overview-tips {
    font-size: 12px;
}

    .program-overview-tips img {
        margin-right: 5px;
    }


/*Larta Network*/
.advisorImage {
    padding-bottom: 15px;
    padding-right: 5px;
}


blockquote.overview {
    background: #f9f9f9;
    border-left: 5px solid #ccc;
    margin: .3em 5px;
    padding: 10px;
    quotes: "\201C" "\201D";
}

    blockquote.overview:before {
        color: #ccc;
        content: open-quote;
        font-size: 4em;
        line-height: .1em;
        margin-right: .25em;
        vertical-align: -.4em;
    }

    blockquote.overview p {
        font-style: italic;
    }

        blockquote.overview p span {
            float: right;
        }

.overview-stats {
    margin: 100px auto 0 auto;
    width: auto;
}

div.public-content ul.slides {
    background: #f9f9f9;
}

    div.public-content ul.slides li.stats h1 {
        font-size: 5em;
    }

/**CTW Page*/
.hideaway-content {
    display: none;
    margin: 10px 0;
}

    .hideaway-content img {
        margin: 0 10px 10px 0;
    }

/*News/Event List*/
ul.news-list,
ul.event-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ul.news-list li,
    ul.event-list li {
        margin: 10px 0;
        border-bottom: dotted 1px gray;
    }

    ul.news-list .news-name,
    ul.event-list .event-name {
        font-size: 14px;
        font-weight: bold;
    }

    ul.news-list .news-date,
    #upcoming-news .news-date {
        font-style: italic;
    }

#upcoming-news .news-name {
    font-weight: bold;
}

ul.event-list .event-date {
    font-style: italic;
    font-size: 13px;
}

ul.event-list .event-description {
    font-size: 12px;
}

h2.company-name {
    margin-bottom: 0;
}

h3.technology-name {
}

.hours-low {
    color: #C5640D;
    font-weight: bold;
}

/* custom button */
a.btn-img {
    display: inline-block;
    border: 1px solid #ccc;
    font-weight: bold;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    -moz-box-shadow: 1px 1px 2px #eee;
    -webkit-box-shadow: 1px 1px 2px #eee;
    box-shadow: 1px 1px 2px #eee;
    color: #666;
    cursor: pointer;
}

    a.btn-img img {
        padding: 9px;
    }

.widgetbox.orange .title h2 span {
    background-color: #d79d00;
    border-left: 1px solid #a17b13;
}

.widgetbox.orange .title {
    background-color: #a17b13;
}

div.addForm {
    background-color: #cc8;
}

.no-margin {
    margin: 0 !important;
}

.line-through-text {
    text-decoration: line-through;
}

/*Filter*/
table.filter td {
    padding: 0 10px 0 0;
}

.tag-list {
    list-style: none;
    list-style-type: none;
}


form.white-form {
    background-color: #fff;
}

span.red {
    font-weight: bold;
    color: red;
}

/*Dashboard Survey*/
div#surveyContainer {
    display: none;
}

div.survey-dialog div.ui-dialog-buttonpane div.ui-dialog-buttonset {
    padding: 5px;
    text-align: center;
}

    div.survey-dialog div.ui-dialog-buttonpane div.ui-dialog-buttonset button {
        margin: 5px;
    }

.survey-check {
    border-bottom: dotted 1px #414141;
}


/*Webinars List*/
ul.webinars {
    list-style: none;
    margin: 0;
    padding: 0;
}

.webinars .webinar-title {
    font-size: 16px;
    font-weight: bold;
}

ul.webinars > li {
    border-bottom: 1px dotted gray;
    margin: 20px 0;
}

ul.webinars table td {
    vertical-align: top;
    padding: 0 5px;
}

.webinar-image-container {
    margin: 20px 0;
}

    .webinar-image-container img {
        border: solid 1px gray;
    }

div.webinar {
    margin: 20px 0;
    padding: 0 0 20px 0;
    border-bottom: solid 1px gray;
}

div.webinar-py {
    background-color: #DEDEDE;
    border-bottom: solid 1px gray;
    text-align: center;
    border-top: solid 1px gray;
    padding: 2px 0 0 0;
    margin: 10px 0;
}

.webinarWidth {
    width: 250px;
}

.tableoptions h2 
{
    font-size:18px;
    margin:0;
}

/*NEW LARTA STYLES*/
/**
  * Colors
  */
.blue {
    color: #203B8E;
}

.cyan {
    color: #55B7E5;
}

.green {
    color: #00683D;
}

.teal,
a.teal {
    color: #59B9AB;
}

.darkgrey {
    color: #414141;
}

.lightgrey {
    color: #CDCDCD;
}

/*Header*/
#notification span.badge
{
    right:7px;top:5px;
}
#notification .fa-bell
{
    font-size:20px;
}

#usernotification-list-bar { width: 300px;}
    #usernotification-list-bar li a:hover {
        background-color:transparent;
        background-image:none;
    }
    #usernotification-list-bar li > div {
        border-top:dotted 1px gray;
        padding:5px 0;
    }
    #usernotification-list-bar li > div:hover {
        background-color:lightgray;
    }
.msg-body {
    display: inline-block;
    white-space: normal;
    font-size:13px;
}

.msg-time {
    display: block;
    font-size: 11px;
    font-style:italic;
    margin:5px 0 5px 10px;
    color: #777;
}


/***************** MEDIA SCREENS *********************/
/***************** all pages *************************/
/*max-width is the viewport size*/

/*tablet landscape*/
@media screen and (max-width: 1024px) {
    /*
	.maincontent { margin-right: 260px; margin-left: 230px; }
	.mainright { width: 250px; }
	.mainleft { width: 220px; }         
	.contenttitle, .widgetbox .title { height: 1.4em; overflow: hidden; }        
	.contenttitle h2, .widgetbox .title h2 { font-size: 1.1em; }
        */

    body {
        font-size: 13.5px;
    }

    input, select, textarea {
        font-size: 0.9em;
    }

    small, .small {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
    }

    h1 {
        font-size: 1.6em;
    }

    h2 {
        font-size: 1.4em;
    }

    h3 {
        font-size: 1.2em;
    }

    h4 {
        font-size: 1.1em;
    }

    h5 {
        font-size: 1em;
    }

    .notification p {
    }

    .errorWrapper {
        width: auto;
    }

    .chatcontent .messagebox input {
        width: 74.3%;
    }

    .footer {
        font-size: 0.8em;
    }

    .loginheader {
        height: auto;
        margin-bottom:10px;
    }

    .loginbox {
        width: 99%;
        margin:1% auto;
    }
}

/*tablet portrait*/
@media screen and (max-width: 800px) {
    .maincontent { margin: 0 0 0 -200px; }
    .mainleft { width:200px;}
    .mainright { display:none; }
    .maincontentinner, .noright .maincontentinner { margin:0 0 0 200px; }
    
    /*.verwizard .stepContainer {
        margin-left: 0;
    }
    .verwizard .verticalmenu {
        display:none;
    }*/
}

/*shrink header */
@media screen and ( max-width: 740px ) {
    #portal-logo {
        width:210px;
    }
    #portal-logo img {
        width: 200px;
        height: auto;
    }
    .headright .userinfo { min-width:120px;
    }

    /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.linearize-level-1,
	.linearize-level-1 > [class*="ym-g"],
	.linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}

	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}
}
/*small tablet portrait*/
@media screen and ( max-width: 600px ) {
    .header {
        height: auto;
        text-align:center;
    }
    .headercolumn {
        border: 0 none !important;
    }
    #portal-logo,
    .headright,
    .headercolumn,
    .mainleft,
    .maincontent
      {
        float: none;
        width:auto;
    }
    #togglemenuleft {
        display: none;
    }

    .maincontent, .maincontentinner, .noright .maincontentinner { margin:0; }

        .headright .userdrop {
            left:50%;
        }
}



@media (min-width:320px) and (max-width:1024px) {
    .one_fourth {
        width: 100%;
    }
    .three_fourth {
        width:100%;
    }
}


@media (max-width: 768px) {
    .navbar-brand
    {
        height:70px;
    }
}

@media (max-width: 400px) {
    #mobile-logo {
        width: 200px;
    }
}

/*
    UNCOMMENT
@media screen and (max-width: 700px) { 
	.maincontent { margin-right: 0; }
	.mainright { position: relative; margin-top: 10px; width: auto; }
	.mainright .widgetbox { width: 48%; float: left; margin-right: 4%; }
	.mainright .widgetbox:nth-child(even) { margin-right: 0; }
	.footer { clear: both; }
	.searchbox input { width: 150px; }
	.chatcontent .messagebox input { width: 75%; }
	.imagelist li img { width: 240px; }
	.floatright { display: none; }
}

@media screen and (max-width: 650px) {
	#userPanel { border-left: 0; }
	#searchPanel { border-right: 0; }
	.imagelist li img { width: 200px; }
	
	.stdform p, .stdform div.par { background: none; }
	.stdform label { display: block; text-align: left; float: none; width: auto; }
	.stdform span.field, .stdform div.field, .dualselect, 
	.stdform .formwrapper, .stdform .formwrapper { margin-left: 0; }
	.stdform small.desc { margin: 5px 0 0 0; }
	.stdform .stdformbutton { margin-left: 0; }
	
	.stdform2 p, .stdform2 div.par { background: none; }
	.stdform2 label { display: block; padding: 7px 10px; background: #f7f7f7; border-bottom: 1px solid #ddd; float: none; width: auto; }
	.stdform2 span.field, .stdform2 div.field { display: block; margin-left: 0; border-left: 0; }
	.verwizard .actionBar { margin: 0; }
}

@media screen and (max-width: 580px) {
	.headerinner { border-bottom: 1px solid #222; }
}

@media screen and (max-width: 570px) {
	.tablewrapper { width: 100%; overflow: auto; }	
	.mainright .widgetbox { float: none; margin-right: 0; width: auto; margin-bottom: 10px; }
	.one_half, .one_third, .two_third, .three_fourth, 
	.one_fourth, .one_fifth, .two_fifth, .three_fifth, 
	.four_fifth, .one_sixth, .five_sixth {
		float: none; width: auto; margin-right: 0; margin-bottom: 20px; display: block; 
	}
	
	.chartbox .one_half { float: left; margin-right: 3%; width: 48.5%; }
	
	.searchbox input { width: 200px; }
	.imagelist li { margin: 0 10px 10px 0; }
	.imagelist li img { width: 150px; }
	.imagelist li span a.name { font-size: 0.9em; }
	.imagelist li span a.edit, .imagelist li span a.view, .imagelist li span a.delete { display: none; }
	
	 //CALENDAR STYLES
	.fc-header-left { font-size: 0.9em; }
	.fc-button, .fc-button-content { height: auto; }
	.fc-button-month .fc-button-content, 
	.fc-button-agendaWeek .fc-button-content, 
	.fc-button-agendaDay .fc-button-content, 
	.fc-button-today .fc-button-content { padding: 2px 5px; }
	.fc-header-title h2 { font-size: 1.05em; }
	
	.maintabmenu li a { padding: 8px 10px; font-size: 1.1em; }
	.verwizard .verticalmenu { font-size: 0.9em; width: auto; float: none; }
	.verwizard .stepContainer { margin-left: 0; margin-top: 20px; }
	.wizard .tabbedmenu li a { padding: 5px; }
	.wizard .tabbedmenu li a h2 { font-size: 1.1em; }
	.wizard .tabbedmenu li a span { font-weight: normal; font-size: 0.9em; }
	
}

@media screen and (max-width: 480px) {
	
	.maincontent { margin-right: 0; }
	.mainright .widgetbox {  }
	.widgetlist li { width: 48%; margin-right: 4%; }
	.widgetlist li:nth-child(even) { margin-right: 0; }
	.widgetlist li a { width: auto; display: block; }
	.headerinner2 .searchbox { border-right: 0; }
	.headerinner2 .searchbox input { width: 150px; }
	.searchbox input { width: 150px; }
	.stdtable td, .stdtable th { font-size: 0.9em; }
	.chatcontent .messagebox input { width: 70%; }
	.wizard .tabbedmenu li a { padding: 10px 20px; }
	.wizard .tabbedmenu li a h2 { font-size: 1.4em; }
	.wizard .tabbedmenu li a span { display: none; }
	.widgetgrid .widgetbox { width: auto !important; display: block; margin-right: 0; }
}

@media screen and (max-width: 430px) {
	
	body { font-size: 0.9em; }
	button, input, select, textarea { font-size: 0.9em; }
	
	.loginbox { width: auto; margin: 10px; }
	.loginbox input { width: 95%; }
	.loginbox button { width: 100%; }
	
	.userinfomenu .userinfo { font-size: 0.9em; }
	.userdrop ul li a { font-size: 0.9em; }
	.headerinner2 .searchbox input { width: 70px; font-size: 0.9em; }
	.notibox { width: 250px; }
	.tabmenu li a, .widgetlist li a { font-size: 0.9em; }
	.dataTables_wrapper input { width: 70px; }
	.deletebutton { display: none; }
	.tableoptions select { padding: 2px; }
	.tableoptions button { padding: 2px 5px; }
	.stdtablecb thead th:first-child, .stdtablecb tbody tr td:first-child { display: none; }
	.flatmode { display: none; }
	.vs2 { margin-left: 0 !important; }
	.imagelist li img { width: 210px; }
	.multipletabmenu li a { 
		width: auto; padding: 5px; font-size: 0.9em; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; 
		letter-spacing: 0; 
	}
	.dualselect .ds_arrow { margin: 0; }
	.stdform button, .stdform input[type="reset"] { padding: 5px; }
	.stdform2 span.field, .stdform2 div.field, .stdform2 .stdformbutton { padding: 10px; }
	.stepContainer h2 { font-size: 1.1em; }
	.fc-header-left, .fc-button-today { display: none; }
	.fc-header-title h2 { font-size: 1.4em; }
	.fc-header-center { text-align: left; }
	.chatcontent .messagebox input { width: 150px; }
	.chatcontent .messagebox button { margin-left: 5px; width: 60px; }
	.errorWrapper a { display: block; margin-top: 0; padding: 20px 0; font-size: 1em; }
	.errorWrapper span { display: block; margin-bottom: 20px; }
	.footer { font-size: 0.85em; }
	
}
*/

/***** GENERAL STYLES *****/
body.login { background: #eee url('//lartaportal.blob.core.windows.net/images/bgmain.png'); }
/*body.loggedin { background: #fcfcfc; }*/
body.errorpage { background-color: #666; }
h1, h2, h3 { color: #283038; }

/***** LOGIN PAGE *****/
.loginbox { background: #ddd; }
.loginboxinner { 
	background: #fff;
     border: 1px solid #ccc; -moz-box-shadow: inset 0 1px 0 #fff; 
	-webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
}
.loginbox h1 { color: #333; text-shadow: 1px 1px #fff; }
.loginbox .login label { color: #666; }
.loginbox .login input { 
	background: #f7f7f7; color: #666; -moz-box-shadow: inset 0 1px 2px #ddd; -webkit-box-shadow: inset 0 1px 2px #ddd; box-shadow: inset 0 1px 2px #ddd; 
	outline: none; border: 1px solid #ddd;
}
.loginbox .login button { 
	background: #eee url('//lartaportal.blob.core.windows.net/images/buttonbg.gray.png') repeat-x 0 0; color: #666; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; 
	border: 1px solid #ccc;
}
.loginbox .login button.default { background: #eee url('//lartaportal.blob.core.windows.net/images/buttonbg.gray.png') repeat-x 0 0; color: #666; border: 1px solid #ccc; }
.loginbox .login button.hover { background: #eee url('//lartaportal.blob.core.windows.net/images/buttonbg.gray.png') repeat-x 0 -45px; color: #333; }
.loginbox .login button:active { background: #eee; color: #333; }
/*.loginbox a { color: #666; }*/
/*.loginbox a:hover { color: #333; }*/

/***** HEADER STYLES *****/
.header { 
    /*headbg.gray.png*/
	background: #f1f1f1 repeat-x top left; border: 1px solid #ccc; 
	-moz-box-shadow: 1px 1px 3px #eee; -webkit-box-shadow: 1px 1px 3px #eee; box-shadow: 1px 1px 3px #eee; 
}

body.errorpage .header {
    background: #333 url(/images/headbg.png) repeat-x top left;
    border: 1px solid #222;
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    box-shadow: 1px 1px 3px #666;
}
.headercolumn { border-right: 1px solid #ccc; border-left: 1px solid #ccc; } 
.searchbox input { 
	background: #fcfcfc; border: 1px solid #ccc; color: #666;
	-moz-box-shadow: inset 0 1px 1px #ccc; -webkit-box-shadow: inset 0 1px 1px #ccc; box-shadow: 0 1px 0 #fcfcfc;
}
.headright .userinfo { 
	border: 1px solid #ccc; color: #666; background: #fcfcfc url(/images/menudroparrow.png) no-repeat right 0px; 
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.headright .userinfo:hover { border: 1px solid #ccc; background-color: #eee; }
.headright .userinfodrop { 
	background: #fff url(/images/arrow2.png) no-repeat right -87px; color: #333; border: 1px solid #ccc; height: 29px; 
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 0;
}
.headright .userinfodrop:hover { background-color: #fff; color: #333; border: 1px solid #ccc; border-bottom: 0; }
.headright .notiactive { border: 1px solid #ccc; border-bottom: 0; }
.userdrop { border: 1px solid #ccc; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; width: auto !important; }

.userinfomenu .userinfo { 
	display: inline-block; border: 1px solid #ccc; color: #666; 
	background: #fcfcfc url(/images/menudroparrow.png) no-repeat right 0; position: relative;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.userinfomenu .userinfo:hover { text-decoration: none; border: 1px solid #ccc; background-color: #eee; }
.userinfomenu .userinfo span { display: inline-block; padding: 0 10px; }

.userinfomenu .userinfodrop { 
	background: #fff url(/images/arrow2.png) no-repeat right -87px; color: #333; z-index: 20; border: 1px solid #ccc; 
	border-bottom: 0; height: 29px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.userinfomenu .userinfodrop:hover { background-color: #fff; color: #333; border: 1px solid #ccc; border-bottom: 0; }


/***** LEFT MENU STYLES *****/
.leftmenu ul li.current a { background-color: #283038; border: 1px solid #ddd; border-bottom: 0; }
.leftmenu ul li.current > a span { background-color: #3b4650; border-left: 1px solid #404d58; }
.leftmenu ul li.current a.active { background-color: #283038; border: 1px solid #2c363e; }
.leftmenu ul li.current a.active span { background-color: #3b4650; border-left: 1px solid #404d58; }
.leftmenu ul li.current a.menudrop:hover span { background-color: #ddd; }
.leftmenu ul li.current ul li > a { border-bottom: 1px solid #2c363e; }
.leftmenu ul li.current ul li a { border-bottom: 1px solid #ddd; }
.leftmenu ul li.current ul li a:hover span { background: #ddd; }

/***** WIDGET LIST *****/
/***** dashboard.html *****/
.widgetlist li a.default { background-color: #CDCDCD; }
.widgetlist li a.hover { background-color: #414141; }

/***** WIDGET BOX *****/
.widgetbox .title { background-color: #0a2474; }
.widgetbox .title h2 span { background-color: #203B8E; border-left: 1px solid #0a2474; }
.contenttitle { background-color: #0a2474; }
.contenttitle h2 span { background-color: #203B8E; border-left: 1px solid #0a2474; }

/***** FORM STYLES *****/
.stdform button { background-color: #3b4650; }
.stdform button:hover { background-color: #283038; }

/***** CALENDARD STYLES *****/
.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today a { background-color: #55B7E5; }

/***** MAIN CONTENT STYLES *****/
.maintabmenu li.current a { color: #414141; }

/***** TABLE STYLES *****/
.dataTables_paginate .paginate_active { background-color: #283038; }

/***** ELEMENT STYLES *****/
.pagination li a.current { background-color: #283038; }

/***** WIZARD STYLES *****/
.actionBar a { background-color: #333; }
.actionBar a:hover { background-color: #283038; }
.wizard .hormenu li a.selected h2, .wizard .hormenu li a.selected span.label { color: #3b4650; }
.verwizard .verticalmenu a.selected { /*background-color: #333;*/ }
.verwizard .verticalmenu a.done { /*background-color: #444;*/ }
.verwizard .verticalmenu a.disabled { /*background-color: #444;*/ }

/***** AUTO COMPLETE *****/
.ui-menu { background: #283038; }
.ui-menu .ui-menu-item a { border-bottom: 1px solid #1a2027; }
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { background: #3c4a58; }

@media screen and (max-width: 580px) {
	.headerinner { border-bottom: 1px solid #1f262d; }
	.headerinner2 { border-top: 1px solid #3f4954; }
	.headercolumn {  }
}

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 726 $
 * @lastmodified    $Date: 2012-03-03 12:21:50 +0100 (Sa, 03 Mrz 2012) $
 */

@media all {

    /* (en) HTML 5 - adjusting visual formatting model to block level */
    /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, nav, section {
        display: block;
    }

    /* (en) HTML5 - default media element styles */
    /* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
    audio,
    canvas,
    video {
        display: inline-block;
    }

        /* (en) HTML5 - don't show <audio> element if there aren't controls */
        /* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
        audio:not([controls]) {
            display: none;
        }

    /* (en) HTML5 - add missing styling in IE & old FF for hidden attribute  */
    /* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
    [hidden] {
        display: none;
    }

    /* (en) force consistant appearance of input[type="search"] elements in all browser  */
    /* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen  */
    input[type="search"] {
        -webkit-appearance: textfield;
    }

        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

    /**
	* @section Float Handling Module
	*/

    /* (en) clearfix method for clearing floats */
    /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
    .ym-clearfix:before {
        content: "";
        display: table;
    }

    .ym-clearfix:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }

    /* (en) alternative solutions to contain floats */
    /* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
    .ym-contain-dt {
        display: table;
        width: 100%;
        overflow: visible;
    }

    .ym-contain-oh {
        overflow: hidden;
        width: 100%;
        display: block;
    }

    .ym-contain-fl {
        float: left;
        width: 100%;
    }

    /**
	* @section Accessibility Module
	*
	* (en) skip links and hidden content
	* (de) Skip-Links und versteckte Inhalte
	*/

    /* (en) classes for invisible elements in the base layout */
    /* (de) Klassen für unsichtbare Elemente im Basislayout */
    .ym-skip,
    .ym-hideme,
    .ym-print {
        position: absolute;
        top: -32768px;
        left: -32768px; /* LTR */
    }

        /* (en) make skip links visible when using tab navigation */
        /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
        .ym-skip:focus,
        .ym-skip:active {
            position: static;
            top: 0;
            left: 0;
        }

    /* skiplinks:technical setup */
    .ym-skiplinks {
        position: absolute;
        top: 0px;
        left: -32768px;
        z-index: 1000;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .ym-skiplinks .ym-skip:focus,
        .ym-skiplinks .ym-skip:active {
            left: 32768px;
            outline: 0 none;
            position: absolute;
            width: 100%;
        }
}

@media screen, projection {

    /**
	* @section Column Module
	*
	* default column config:
	* |-------------------------------|
	* | col1    | col3      | col2    |
	* | 20%     | flexible  | 20%     |
	* |-------------------------------|
	*/

    .ym-column {
        display: table;
        width: 100%;
    }

    .ym-col1 {
        float: left;
        width: 20%;
    }

    .ym-col2 {
        float: right;
        width: 20%;
    }

    .ym-col3 {
        width: auto;
        margin: 0 20%;
    }

    .ym-cbox {
        padding: 0 10px;
    }

    .ym-cbox-left {
        padding: 0 10px 0 0;
    }

    .ym-cbox-right {
        padding: 0 0 0 10px;
    }

    /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
    /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
    .ym-ie-clearing {
        display: none;
    }

    /**
	* @section Grid Module
	*
	*/

    .ym-grid {
        display: table;
        width: 100%;
        table-layout: fixed;
        list-style-type: none;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .ym-gl {
        float: left;
        margin: 0;
    }

    .ym-gr {
        float: right;
        margin: 0 0 0 -5px;
    }

    .ym-g3 {
        width: 3%;
    }

    .ym-g5 {
        width: 5%;
    }

    .ym-g10 {
        width: 10%;
    }

    .ym-g12 {
        width: 12%;
    }

    .ym-g15 {
        width: 15%;
    }

    .ym-g20 {
        width: 20%;
    }

    .ym-g25 {
        width: 25%;
    }

    .ym-g30 {
        width: 30%;
    }

    .ym-g35 {
        width: 35%;
    }

    .ym-g37_5 {
        width: 37.5%;
    }

    .ym-g40 {
        width: 40%;
    }

    .ym-g45 {
        width: 45%;
    }

    .ym-g48 {
        width: 48%;
    }

    .ym-g60 {
        width: 60%;
    }

    .ym-g65 {
        width: 65%;
    }

    .ym-g70 {
        width: 70%;
    }

    .ym-g75 {
        width: 75%;
    }

    .ym-g80 {
        width: 80%;
    }

    .ym-g85 {
        width: 85%;
    }

    .ym-g90 {
        width: 90%;
    }

    .ym-g95 {
        width: 95%;
    }

    .ym-g100 {
        width: 100%;
    }

    .ym-g25 {
        width: 25%;
    }

    .ym-g33 {
        width: 33.333%;
    }

    .ym-g50 {
        width: 50%;
    }

    .ym-g55 {
        width: 55%;
    }

    .ym-g66 {
        width: 66.666%;
    }

    .ym-g70 {
        width: 70%;
    }

    .ym-g75 {
        width: 75%;
    }

    .ym-g38 {
        width: 38.2%;
    }

    .ym-g62 {
        width: 61.8%;
    }

    .ym-g13 {
        width: 13.333%;
    }

    .ym-g16 {
        width: 16.6%;
    }

    .ym-gbox {
        padding: 0 10px;
    }

    .ym-gbox-left {
        padding: 0 10px 0 0;
    }

    .ym-gbox-right {
        padding: 0 0 0 10px;
    }

    .ym-equalize {
        overflow: hidden;
    }

        .ym-equalize > [class*="ym-g"] {
            display: table-cell;
            float: none;
            margin: 0;
            vertical-align: top;
        }

            .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
                padding-bottom: 10000px;
                margin-bottom: -10000px;
            }
}

@media all {

    .ym-form > h1,
    .ym-form > h2,
    .ym-form > h3 {
        text-align: center;
        margin: 0.5em 0 0.2em 0;
    }
    /**
	* @section Form Module
	*
	* Vertical-Forms - technical base (standard)
	*
	* |-------------------------------|
	* | form                          |
	* |-------------------------------|
	* |   label                       |
	* |   input / select / textarea   |
	* |-------------------------------|
	* | /form                         |
	* |-------------------------------|
	*
	* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
	* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
	*/

    .ym-form,
    .ym-form fieldset {
        overflow: hidden;
    }

        .ym-form div {
            /*position: relative;*/
        }

        .ym-form label,
        .ym-form .ym-message {
            position: relative;
            display: block; /* important for Safari */
        }

        .ym-form .ym-fbox-check label {
            display: inline;
            margin-right: 1em;
            padding-left: 0.2em;
        }

        .ym-form input,
        .ym-form textarea {
            cursor: text;
        }

            .ym-form input[type="checkbox"],
            .ym-form input[type="radio"],
            .ym-form select,
            .ym-form .ym-fbox-check label {
                cursor: pointer;
            }

        /* small adjustments for Internet Explorer - all versions */
        .ym-form textarea {
            overflow: auto;
        }

        /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
        .ym-form input[type=hidden] {
            display: none !important;
        }

        /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
        .ym-form .ym-fbox-text:before,
        .ym-form .ym-fbox-select:before,
        .ym-form .ym-fbox-check:before,
        .ym-form .ym-fbox-button:before {
            content: "";
            display: table;
        }

        .ym-form .ym-fbox-text:after,
        .ym-form .ym-fbox-select:after,
        .ym-form .ym-fbox-check:after,
        .ym-form .ym-fbox-button:after {
            clear: both;
            content: ".";
            display: block;
            font-size: 0;
            height: 0;
            visibility: hidden;
        }

        /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
        .ym-form select,
        .ym-form input,
        .ym-form textarea {
            display: block;
            position: relative;
            width: 58.5%;
        }

        .ym-form .ym-fbox-check input {
            display: inline;
            width: auto;
        }

        /* Styling of buttons | Gestaltung von Buttons */
        .ym-form .ym-fbox-button input {
            display: inline;
            overflow: visible; /* Fixes IE7 auto-padding bug */
            width: auto;
        }

        /*padding for checkbox*/
        .ym-form .ym-fbox-check div {
            padding-left: 10px;
        }

        /* avoid jumping checkboxes & radiobuttons in IE8 */
        .ym-form .ym-fbox-check input:focus,
        .ym-form .ym-fbox-check input:hover,
        .ym-form .ym-fbox-check input:active {
            border: 0 none;
        }

    /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

    .ym-full .ym-fbox-select select,
    .ym-full .ym-fbox-text input,
    .ym-full .ym-fbox-text textarea {
        width: 94.2%;
        margin-right: -3px;
    }

    /* default form wrapper width */
    .ym-fbox-wrap {
        display: table;
        table-layout: fixed;
        width: 70%;
    }

    .ym-full .ym-fbox-wrap {
        width: 100%;
    }

        .ym-fbox-wrap input,
        .ym-fbox-wrap textarea,
        .ym-fbox-wrap select {
            width: 100%;
        }

            .ym-fbox-wrap input[type="radio"],
            .ym-fbox-wrap input[type="checkbox"] {
                display: inline;
                width: auto;
                margin-left: 0;
                margin-right: 0.5ex;
            }

        .ym-fbox-wrap label,
        .ym-fbox-wrap .ym-label {
            display: inline;
        }

    /**
	* Columnar forms display - technical base (optional)
	*
	* |-------------------------------------------|
	* | form                                      |
	* |-------------------------------------------|
	* |                                           |
	* |   label   |   input / select / textarea   |
	* |                                           |
	* |-------------------------------------------|
	* | /form                                     |
	* |-------------------------------------------|
	*
	* (en) Styling of forms where label floats left of form-elements
	* (de) Formulargestaltung, bei der die label-Elemente nach links fließen
	*/

    /* Columnar display | Spalten-Darstellung */
    .ym-columnar .ym-fbox-text label,
    .ym-columnar .ym-fbox-select label {
        display: inline;
        float: left;
        width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
    }

    .ym-columnar .ym-fbox-check {
        position: relative;
    }

    .ym-label {
        display: block;
    }

    .ym-columnar .ym-fbox-check .ym-label {
        position: absolute;
        top: 0;
    }

    /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
    .ym-columnar .ym-fbox-check input,
    .ym-columnar .ym-error .ym-message,
    .ym-columnar .field-validation-error {
        margin-left: 30%;
    }

    /* global and local columnar settings for button alignment */
    .ym-columnar fieldset .ym-fbox-button,
    fieldset.ym-columnar .ym-fbox-button {
        padding-left: 30%;
    }

    .ym-columnar .ym-fbox-select select,
    .ym-columnar .ym-fbox-text input,
    .ym-columnar .ym-fbox-text textarea {
        float: left;
        width: 67.2%;
        margin-right: -3px;
    }

    /**
	* @section Form Construction Kit | Screen Adjustments
	*
	*/

    .ym-fbox-select select {
        width: 60%;
    }

    .ym-full .ym-fbox-select select {
        width: 94.8%;
    }

    .ym-columnar .ym-fbox-select select {
        width: 68.8%;
    }
}

@media print {

    /**
	* @section print adjustments for core modules
	*
	* (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
	* (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
	*
	* @bugfix
	* @since     3.0
	* @affected  FF2.0, FF3.0, IE7
	* @css-for   all browsers
	* @valid     yes
	*/

    .ym-grid > .ym-gl,
    .ym-grid > .ym-gr {
        overflow: visible;
        display: table;
    }

    /* (en) make .ym-print class visible */
    /* (de) .ym-print-Klasse sichtbar schalten */
    .ym-print {
        position: static;
        left: 0;
    }

    /* (en) generic class to hide elements for print */
    /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
    .ym-noprint {
        display: none !important;
    }
}

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * YAML form theme: "gray-theme"
 *
 * @copyright			 Copyright 2005-2012, Dirk Jesse
 * @license				 CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                       YAML-CDL (http://www.yaml.de/license.html)
 * @link                 http://www.yaml.de
 * @package				 yaml
 * @version              v4.0.1
 * @revision             $Revision: 729 $
 * @lastmodified         $Date: 2012-03-03 13:20:39 +0100 (Sa, 03 Mrz 2012) $
 */

/*
Styles to reset bootstrap styles while we migrate    
*/
/*label {
    font-weight:normal;
}*/

@media screen and (min-width: 0px) {

    /**
	* @section general width settings for formular elements in modern browsers
	*          switching to CSS3 box modell "border-box" for perfect flexible forms
	*
	* Styling for: <labels>, <input>, <textarea> and <select>
	*
	*/

    .ym-form input,
    .ym-form textarea,
    .ym-form select {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 60%;
    }

    .ym-columnar label {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ym-columnar .ym-fbox-select select,
    .ym-columnar .ym-fbox-text input,
    .ym-columnar .ym-fbox-text textarea {
        width: 70%;
    }

    .ym-columnar .ym-fbox-wrap {
        margin-left: 30%;
        margin-right: -3px;
    }

    .ym-full select,
    .ym-full input,
    .ym-full textarea,
    .ym-full .ym-fbox-select select,
    .ym-full .ym-fbox-text input,
    .ym-full .ym-fbox-text textarea {
        width: 100%;
    }


    .ym-inline label,
    .ym-inline select,
    .ym-inline input,
    .ym-inline span.field-validation-error,
    .ym-inline textarea {
        width: auto !important;
        display: inline;
    }
}

@media screen, projection {

    /**
	* @section general form styling
	*
	* Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
	*
	*/

    .ym-form {
        /*background: #fdfdfd;*/
        border: 2px #fff solid;
        /*margin: 1.5em 0 0 0;*/
        padding: 0;
        -webkit-box-shadow: 0 0 4px #ddd;
        -moz-box-shadow: 0 0 4px #ddd;
        box-shadow: 0 0 4px #ddd;
    }
    .formwiz.panel .ym-form {
        border:none;
        -webkit-box-shadow:0;
        -moz-box-shadow:0;
        box-shadow:0;
    }

    .ym-form-border {
        background: #f4f4f4;
        border: 2px #fff solid;
        /*margin: 1.5em 0 0 0;*/
        padding: 0;
        -webkit-box-shadow: 0 0 4px #ddd;
        -moz-box-shadow: 0 0 4px #ddd;
        box-shadow: 0 0 4px #ddd;
    }

    .ym-form fieldset {
        position: static;
        background: transparent;
        margin: 0.75em 0 0.75em 0;
        padding: 0 0.5em;
    }

    .ym-form legend {
        background: transparent;
        color: #000;
        font-size: 1.2em;
        line-height: 1.25em;
        font-weight: bold;
        padding: 0 0.5em;
    }

    .ym-form label {
        color: #666;
        line-height: 1.5em;
    }

    .ym-label {
        color: #666;
        padding-top: 0.25em;
    }

    .ym-form .ym-form div.ym-fbox-check:focus + label {
        color: #000;
    }

    /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
    .ym-form div.ym-fbox-text,
    .ym-form div.ym-fbox-select,
    .ym-form div.ym-fbox-check,
    .ym-form div.ym-fbox-button {
        padding: 0.3em 1em;
        margin-bottom: 0.5em;
    }

    .ym-form div.ym-fbox-button {
        background: #ececec;
        border-top: 1px #e0e0e0 solid;
        padding: 0 1em 1.5em 1em;
        margin: 0;
    }

    .ym-form .ym-gbox {
        padding: 0 0.5em;
        margin-right: 0;
    }

    .ym-form h6 {
        color: #000;
        margin: 1em 0 0 1em;
    }

    h4.ym-fbox-heading {
        font-size: 1.1em;
        color: #666;
        padding: 0.3em 1em;
        font-weight:bold;
    }

    h5.ym-fbox-heading {
        font-size: 1em;
        color: #666;
        padding: 0 1em 0.3em 1em;
        font-weight:bold;
    }

    /**
	* @section styling form elements
	*
	* Styling for: Input, Textarea, Select ...
	*
	*/

    /* styling standard form elements with 'almost' equal flexible width */
    /* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
    .ym-form .ym-fbox-text input,
    .ym-form .ym-fbox-text textarea {
        line-height: 1em;
        padding: 0.25em 0.3em;
        margin-top: -2px;
    }

    .ym-form .ym-fbox-select select {
        line-height: 1em;
        padding: 0.25em 2px 0.25em 1px;
        margin-top: -2px;
    }

    /* proportional fonts for all form elements */
    .ym-form input,
    .ym-form textarea,
    .ym-form select,
    .ym-form optgroup {
        font-family: Arial, Helvetica, sans-serif;
        -webkit-box-shadow: inset 0 0 4px #eee;
        -moz-box-shadow: inset 0 0 4px #eee;
        box-shadow: inset 0 0 4px #eee;
    }

    .ym-form optgroup {
        font-style: normal;
        font-weight: bold;
    }

    .ym-form .ym-fbox-text input,
    .ym-form .ym-fbox-text textarea,
    .ym-form .ym-fbox-select select {
        border: 1px solid #ddd;
    }

    /* General form styling	| Allgemeine Formatierung des Formulars */
    .ym-form .ym-message {
        color: #666;
        margin-bottom: 0.5em;
    }

    .ym-form .field-validation-error {
        display: block;
        margin-bottom: 0.5em;
    }

    /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
    .ym-form .ym-required,
    sup.ym-required {
        color: #800;
        font-weight: bold;
    }

    sup.ym-required {
        margin: 0 0 0 5px;
        font-size: 1.2em;
        line-height: 0;
        top: 0;
    }

    /* form validation highlight colors */
    .ym-form input:valid,
    .ym-form textarea:valid {
        background-color: #fff;
    }

    .ym-form input:invalid,
    .ym-form textarea:invalid {
        background-color: #fdd;
    }

    /**
	* @section error messages
	*
	*/

    .ym-form .ym-error label {
        color: #800;
        font-weight: normal;
    }

    .ym-form .ym-error input,
    .ym-form .ym-error select,
    .ym-form .ym-error textarea,
    .ym-form .input-validation-error {
        border: 1px #800 solid;
    }

        .ym-form .ym-error input:hover,
        .ym-form .ym-error input:focus,
        .ym-form .ym-error select:hover,
        .ym-form .ym-error select:focus,
        .ym-form .ym-error textarea:hover,
        .ym-form .ym-error textarea:focus {
            border: 1px #800 solid !important;
        }

    .ym-form .ym-error .ym-message,
    .ym-form .field-validation-error {
        color: #800;
        font-weight: bold;
        margin-top: 0;
    }

    /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
    .ym-form div.ym-fbox-text input:focus,
    .ym-form div select:focus,
    .ym-form div textarea:focus,
    .ym-form div.ym-fbox-text input:hover,
    .ym-form div select:hover,
    .ym-form div textarea:hover,
    .ym-form div.ym-fbox-text input:active,
    .ym-form div select:active,
    .ym-form div textarea:active {
        border: 1px #888 solid;
        background: #fff;
    }

    /**
	* @section Buttons
	*
	* inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
	*/

    .ym-button,
    .ym-form button,
    .ym-form input[type="button"],
    .ym-form input[type="reset"],
    .ym-form input[type="submit"] {
        display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: linear-gradient(top, #eee, #ccc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
        border: 1px solid #777;
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
        color: #333 !important;
        cursor: pointer;
        font: normal 1em/2em Arial, Helvetica;
        margin: 1.5em 0.75em 0 0;
        padding: 0 1.5em;
        overflow: visible; /* removes extra side spacing in IE */
        text-decoration: none !important;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
    }

        .ym-form button:hover,
        .ym-form input[type="button"]:hover,
        .ym-form input[type="reset"]:hover,
        .ym-form input[type="submit"]:hover,
        .ym-button:hover {
            background-color: #ddd;
            background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
            background-image: -moz-linear-gradient(top, #fafafa, #ddd);
            background-image: -ms-linear-gradient(top, #fafafa, #ddd);
            background-image: -o-linear-gradient(top, #fafafa, #ddd);
            background-image: linear-gradient(top, #fafafa, #ddd);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
        }

        .ym-form button:active,
        .ym-form input[type="button"]:active,
        .ym-form input[type="reset"]:active,
        .ym-form input[type="submit"]:active,
        .ym-button:active {
            background-color: #bbb;
            background-image: -webkit-linear-gradient(top, #ccc, #bbb);
            background-image: -moz-linear-gradient(top, #ccc, #bbb);
            background-image: -ms-linear-gradient(top, #ccc, #bbb);
            background-image: -o-linear-gradient(top, #ccc, #bbb);
            background-image: linear-gradient(top, #ccc, #bbb);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
            box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
            position: relative;
            top: 1px;
        }

        .ym-form button:focus,
        .ym-form input[type="button"]:focus,
        .ym-form input[type="reset"]:focus,
        .ym-form input[type="submit"]:focus,
        .ym-button:focus {
            outline: 0;
            background: #fafafa;
        }

        /* pseudo elements don't work on input */
        .ym-form button:before,
        .ym-button:before {
            background: #ccc;
            background: rgba(0,0,0,.1);
            float: left;
            width: 1.5em;
            text-align: center;
            font-size: 1.5em;
            margin: 0 1em 0 -1em;
            padding: 0 .2em;
            -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
            -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
            box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
            pointer-events: none;
        }

    .ym-add:before {
        content: "\271A";
    }

    .ym-delete:before {
        content: "\2718";
    }

    .ym-edit:before {
        content: "\270E";
    }

    .ym-email:before {
        content: "\2709";
    }

    .ym-like:before {
        content: "\2764";
    }
    /*.ym-next:before { content: "\279C"; }*/
    .ym-next:before {
        content: "\2192";
    }

    .ym-prev:before {
        content: "\2190";
    }

    .ym-play:before {
        content: "\25B6";
    }

    .ym-reply:before {
        content: "\27A5";
    }

    /*.ym-save:before { content: "\2714"; }*/
    .ym-save:before {
        content: "\2713";
    }

    .ym-spark:before {
        content: "\2737";
    }

    .ym-star:before {
        content: "\2605";
    }

    /* removes extra inner spacing in Firefox */
    .ym-form button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    /* If line-height can't be modified, then fix Firefox spacing with padding */
    .ym-form input[type=button]::-moz-focus-inner,
    .ym-form input[type=reset]::-moz-focus-inner,
    .ym-form input[type=submit]::-moz-focus-inner {
        padding: .4em;
    }

    /* The disabled styles */
    .ym-form button[disabled],
    .ym-form button[disabled]:hover,
    .ym-form input[type=button][disabled],
    .ym-form input[type=button][disabled]:hover,
    .ym-form input[type=reset][disabled],
    .ym-form input[type=reset][disabled]:hover,
    .ym-form input[type=submit][disabled],
    .ym-form input[type=submit][disabled]:hover,
    .ym-form input[readonly],
    .ym-form input[readonly=readonly],
    .ym-form textarea[readonly],
    .ym-form textarea[readonly=readonly],
    .ym-button.ym-disabled,
    .ym-button.ym-disabled:hover {
        background: #eee;
        color: #aaa !important;
        border-color: #aaa;
        cursor: default;
        text-shadow: none;
        position: static;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }



    /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
    * html .ym-button,
    * html .ym-form button {
        display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
        border: 1px solid #777;
        color: #333 !important;
        cursor: pointer;
        font: normal 1em/2em Arial, Helvetica;
        margin: 1.5em 0.75em 0 0;
        padding: 0 1.5em;
        overflow: visible; /* removes extra side spacing in IE */
        text-decoration: none !important;
    }

        * html .ym-form button:focus,
        * html .ym-button:focus {
            outline: 0;
            background: #fafafa;
        }

        * html .ym-form button:hover,
        * html .ym-button:hover {
            background-color: #ddd;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
        }

        * html .ym-form button:active,
        * html .ym-button:active {
            background-color: #bbb;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
            position: relative;
            top: 1px;
        }

        * html .ym-button.ym-disabled,
        * html .ym-button.ym-disabled:hover {
            background: #eee;
            color: #aaa !important;
            border-color: #aaa;
            cursor: default;
            text-shadow: none;
            position: static;
        }
}

.ym-button.ym-primary, .ym-form button.ym-primary, .ym-form input.ym-primary[type="button"], .ym-form input.ym-primary[type="reset"], .ym-form input.ym-primary[type="submit"] {
    background: -moz-linear-gradient(center top, #8888EE, #6666CC) repeat scroll 0 0 transparent;
    border: 1px solid #000077;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}

    .ym-button.ym-primary:hover, .ym-form button.ym-primary:hover, .ym-form input.ym-primary[type="button"]:hover, .ym-form input.ym-primary[type="reset"]:hover, .ym-form input.ym-primary[type="submit"]:hover {
        background: -moz-linear-gradient(center top, #8888FF, #6666DD) repeat scroll 0 0 transparent;
    }

    .ym-button.ym-primary:active, .ym-form button.ym-primary:active, .ym-form input.ym-primary[type="button"]:active, .ym-form input.ym-primary[type="reset"]:active, .ym-form input.ym-primary[type="submit"]:active {
        background: -moz-linear-gradient(center top, #8888CC, #6666AA) repeat scroll 0 0 transparent;
        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
    }

    .ym-button.ym-primary:focus, .ym-form button.ym-primary:focus, .ym-form input.ym-primary[type="button"]:focus, .ym-form input.ym-primary[type="reset"]:focus, .ym-form input.ym-primary[type="submit"]:focus {
        background: none repeat scroll 0 0 #8888FF;
        outline: 0 none;
    }
/* Button color scheme: success */
.ym-button.ym-success,
.ym-form button.ym-success,
.ym-form input[type="button"].ym-success,
.ym-form input[type="reset"].ym-success,
.ym-form input[type="submit"].ym-success {
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66bb66), color-stop(100%, #449944));
    background: -webkit-linear-gradient(top, #66bb66, #449944);
    background: -moz-linear-gradient(top, #66bb66, #449944);
    background: -ms-linear-gradient(top, #66bb66, #449944);
    background: linear-gradient("to bottom", #66bb66, #449944);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66BB66', endColorstr='#FF449944');
    zoom: 1;
    border: 1px solid #070;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}

    .ym-button.ym-success:hover,
    .ym-form button.ym-success:hover,
    .ym-form input[type="button"].ym-success:hover,
    .ym-form input[type="reset"].ym-success:hover,
    .ym-form input[type="submit"].ym-success:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc66), color-stop(100%, #55aa55));
        background: -webkit-linear-gradient(top, #66cc66, #55aa55);
        background: -moz-linear-gradient(top, #66cc66, #55aa55);
        background: -ms-linear-gradient(top, #66cc66, #55aa55);
        background: linear-gradient("to bottom", #66cc66, #55aa55);
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66CC66', endColorstr='#FF55AA55');
        zoom: 1;
    }

    .ym-button.ym-success:active,
    .ym-form button.ym-success:active,
    .ym-form input[type="button"].ym-success:active,
    .ym-form input[type="reset"].ym-success:active,
    .ym-form input[type="submit"].ym-success:active {
        -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66aa66), color-stop(100%, #448844));
        background: -webkit-linear-gradient(top, #66aa66, #448844);
        background: -moz-linear-gradient(top, #66aa66, #448844);
        background: -ms-linear-gradient(top, #66aa66, #448844);
        background: linear-gradient("to bottom", #66aa66, #448844);
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66AA66', endColorstr='#FF448844');
        zoom: 1;
    }

    .ym-button.ym-success:focus,
    .ym-form button.ym-success:focus,
    .ym-form input[type="button"].ym-success:focus,
    .ym-form input[type="reset"].ym-success:focus,
    .ym-form input[type="submit"].ym-success:focus {
        outline: 0;
        background: #6c6;
    }

/* Button color scheme: warning */
.ym-button.ym-warning,
.ym-form button.ym-warning,
.ym-form input[type="button"].ym-warning,
.ym-form input[type="reset"].ym-warning,
.ym-form input[type="submit"].ym-warning {
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddaa44), color-stop(100%, #bb7722));
    background: -webkit-linear-gradient(top, #ddaa44, #bb7722);
    background: -moz-linear-gradient(top, #ddaa44, #bb7722);
    background: -ms-linear-gradient(top, #ddaa44, #bb7722);
    background: linear-gradient("to bottom", #ddaa44, #bb7722);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFDDAA44', endColorstr='#FFBB7722');
    zoom: 1;
    border: 1px solid #970;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}

    .ym-button.ym-warning:hover,
    .ym-form button.ym-warning:hover,
    .ym-form input[type="button"].ym-warning:hover,
    .ym-form input[type="reset"].ym-warning:hover,
    .ym-form input[type="submit"].ym-warning:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eebb55), color-stop(100%, #cc8833));
        background: -webkit-linear-gradient(top, #eebb55, #cc8833);
        background: -moz-linear-gradient(top, #eebb55, #cc8833);
        background: -ms-linear-gradient(top, #eebb55, #cc8833);
        background: linear-gradient("to bottom", #eebb55, #cc8833);
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEBB55', endColorstr='#FFCC8833');
        zoom: 1;
    }

    .ym-button.ym-warning:active,
    .ym-form button.ym-warning:active,
    .ym-form input[type="button"].ym-warning:active,
    .ym-form input[type="reset"].ym-warning:active,
    .ym-form input[type="submit"].ym-warning:active {
        -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc9944), color-stop(100%, #aa6622));
        background: -webkit-linear-gradient(top, #cc9944, #aa6622);
        background: -moz-linear-gradient(top, #cc9944, #aa6622);
        background: -ms-linear-gradient(top, #cc9944, #aa6622);
        background: linear-gradient("to bottom", #cc9944, #aa6622);
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC9944', endColorstr='#FFAA6622');
        zoom: 1;
    }

    .ym-button.ym-warning:focus,
    .ym-form button.ym-warning:focus,
    .ym-form input[type="button"].ym-warning:focus,
    .ym-form input[type="reset"].ym-warning:focus,
    .ym-form input[type="submit"].ym-warning:focus {
        outline: 0;
        background: #da4;
    }

/* Button color scheme: danger */
.ym-button.ym-danger,
.ym-form button.ym-danger,
.ym-form input[type="button"].ym-danger,
.ym-form input[type="reset"].ym-danger,
.ym-form input[type="submit"].ym-danger {
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bb6666), color-stop(100%, #994444));
    background: -webkit-linear-gradient(top, #bb6666, #994444);
    background: -moz-linear-gradient(top, #bb6666, #994444);
    background: -ms-linear-gradient(top, #bb6666, #994444);
    background: linear-gradient("to bottom", #bb6666, #994444);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFBB6666', endColorstr='#FF994444');
    zoom: 1;
    border: 1px solid #700;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}

    .ym-button.ym-danger:hover,
    .ym-form button.ym-danger:hover,
    .ym-form input[type="button"].ym-danger:hover,
    .ym-form input[type="reset"].ym-danger:hover,
    .ym-form input[type="submit"].ym-danger:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc6666), color-stop(100%, #aa5555));
        background: -webkit-linear-gradient(top, #cc6666, #aa5555);
        background: -moz-linear-gradient(top, #cc6666, #aa5555);
        background: -ms-linear-gradient(top, #cc6666, #aa5555);
        background: linear-gradient("to bottom", #cc6666, #aa5555);
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC6666', endColorstr='#FFAA5555');
        zoom: 1;
    }

    .ym-button.ym-danger:active,
    .ym-form button.ym-danger:active,
    .ym-form input[type="button"].ym-danger:active,
    .ym-form input[type="reset"].ym-danger:active,
    .ym-form input[type="submit"].ym-danger:active {
        -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa5555), color-stop(100%, #884444));
        background: -webkit-linear-gradient(top, #aa5555, #884444);
        background: -moz-linear-gradient(top, #aa5555, #884444);
        background: -ms-linear-gradient(top, #aa5555, #884444);
        background: linear-gradient("to bottom", #aa5555, #884444);
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFAA5555', endColorstr='#FF884444');
        zoom: 1;
    }

    .ym-button.ym-danger:focus,
    .ym-form button.ym-danger:focus,
    .ym-form input[type="button"].ym-danger:focus,
    .ym-form input[type="reset"].ym-danger:focus,
    .ym-form input[type="submit"].ym-danger:focus {
        outline: 0;
        background: #c66;
    }

.ym-button.ym-small {
    font-size: 0.8571em;
}

.ym-button.ym-xsmall {
    font-size: 0.7143em;
}


/*******************************CUSTOM STYLES*********************************/
p.form-expirationdate {
    font-size: 1.1em;
    color: red;
    font-weight: bold;
    text-align: center;
}

.ym-form ul.question {
    list-style-type: none;
}

.ym-form .question > li {
    margin: 5px 0;
}

.ym-form .question div.ym-fbox-text:before, .ym-form .question div.ym-fbox-select:before, .ym-form .question div.ym-fbox-check:before {
    content: none;
}

.ym-form .question div.ym-fbox-text, .ym-form .question div.ym-fbox-select, .ym-form .question div.ym-fbox-check, .ym-form .question .ym-fbox-heading {
    padding: 0.3em 1em 0 0;
}

.question .instructions,
.ym-form span.instructions {
    font-style: italic;
    font-size: 0.9em;
    color:#737373;
}

.ym-form.ym-full span.instructions {
    display: block;
}

.ym-form div.conditional-panel,
.ym-form li div.sub-question {
    margin-left: 1.5em;
}

.question li > label.conditional-label, .question .ym-fbox-text > label, .question .ym-fbox-check > label, .question .ym-fbox-select > label {
    font-weight: bold;
}

.ym-fbox-check.ym-inline ul li {
    float: left;
}

.ym-form .ym-fbox-check ul, .ym-form .ym-fbox-check ol {
    margin: 0;
    list-style: none;
}

.ym-form .ym-fbox-check.ym-inline ul, .ym-form .ym-fbox-check.ym-inline ol {
    display: inline-block;
    vertical-align: bottom;
}

.ym-form .check-right ul, .ym-form .check-right ol {
    float: right;
}

.ym-form .ym-fbox-check ul ul, .ym-form .ym-fbox-check ol ol {
    margin: 0.5em 0 0.5em 1em;
}

.ym-columnar .ym-fbox-check > label {
    width: 30%;
    float: left;
}

.ym-columnar .ym-fbox-check > ul {
    width: 65%;
    float: left;
}
/*.ym-columnar .ym-fbox-check > ul li {
    float:left;
}*/
/*.ym-columnar .ym-fbox-check > ul li input {
    float:left;
}
.ym-columnar .ym-fbox-check > ul li label {
    float:left;
}*/


.ym-form .ym-fbox-check ul.two-column {
}

    .ym-form .ym-fbox-check ul.two-column > li {
        float: left;
        width: 48%;
    }

        .ym-form .ym-fbox-check ul.two-column > li input {
            margin: 0;
        }

/*
.ym-form table {
    width: 100%;
    margin: 10px 0;
    border-collapse: collapse;
}
    .ym-form table thead th {
        vertical-align: middle;
        background-color: #d5d5d5;
        padding: 5px;
    }

    .ym-form table tbody td {
        vertical-align: middle;
        padding: 5px;
    }
*/

@media all {
    
	hr {
		color:#fff;
		background:transparent;
		margin:0 0 0.75em 0;
		padding:0 0 0.75em 0;
		border:0;
		border-bottom:1px #888 solid;
	}

	/*--- Links ----------------------------------------------------------------------------------------- */
    
	.flexible {
		/*margin-top: 1.5em;*/
		max-width: 100%;
		height: auto;
	}

	* html .flexible {	/* IE6 support */
		width: 98%;		/* 2% space for borders */
	}

	.bordered {
		border: 2px #eee solid;
		border: 2px rgba(255,255,255,1) solid;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
		box-shadow: 0 0 3px rgba(0,0,0,.25);
	}

	/**
	* ----------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/
	/*.highlight {
		color:#c30;
	}

	.dimmed {
		color:#888;
	}*/

	.box {
		border-radius: 0.3em;
		border-width: 1px;
		border-style: solid;
		border-color: #888;
		border-color: rgba(0,0,0,.3);
		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		color: #444;
		color: rgba(0,0,0,.8);
		padding: 1em;
		margin: 1em 0;
	}

	.box > *:first-child {
		margin-top: 0;
	}

	/*.label {
		font-family: Verdana, Geneva, sans-serif;
		padding: 1px 6px 2px;
		display: inline-block;
		vertical-align:middle;
		letter-spacing: normal;
		white-space:nowrap;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #06C;
		color: #fff;
		font-size: 10px;
		line-height: 12px;
	}*/

	.box-info {
		background:#f4f4f4;
	}

	.box-success {
		background:#b9e4b9;
	}

	.box-warning {
		background:#f0e6b4;
	}

	.box-error {
		background:#c88;
	}

	.float-left {
		float:left;
		display:inline;
	}

	.float-right {
		float:right;
		display:inline;
	}

    ol.normal,
    ul.normal,
    ol.normal > ol,
    ul.normal > ul {
        margin:1em 0 0 2em;
    }
}