/* P5 Webtemplate v1.3 */
/* Normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

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

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

body {
    font-size: 13px;
    line-height: 1.231;
    margin: 0
}

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
    color: #222
}

a {
    color: #00e
}

a:visited {
    color: #551a8b
}

a:hover {
    color: #06e
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

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

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

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

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

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

q {
    quotes: none
}

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

small {
    font-size: 85%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px
}

dd {
    margin: 0 0 0 40px
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

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

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

label {
    cursor: pointer
}

legend {
    border: 0;
    margin-left: -7px;
    padding: 0
}

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

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

table button,
table input {
    overflow: auto
}

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

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

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

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

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

input:invalid,
textarea:invalid {
    background-color: #f0dddd
}

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

td {
    vertical-align: top
}

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0000);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    margin: -1px;
    padding: 0
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
    margin: 0
}

.invisible {
    visibility: hidden
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

audio:not([controls]),
[hidden],
.ir br {
    display: none
}

::-moz-selection,
::selection {
    background: #666;
    color: #fff;
    text-shadow: none
}

figure,
form {
    margin: 0
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^=javascript:]:after,
    a[href^=#]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

/* Styles */
html {
    height: 100%;
}

body {
    background: white;
    color: black;
    font-family: Calibri, Tahoma, sans-serif;
    font-size: 14px;
    height: 100%;
}

div.floatRight {
    position: absolute;
    top: 0px;
    right: 0px;
}

.container {
    width: 978px;
    display: block;
    margin: 0px auto;
    position: relative;
}

.contenttype1 h2,
.contenttype2 h2,
.contenttype3 h2,
.contenttype4 h2,
.contenttype5 h2,
.contenttype6 h2 {
    display: block;
}

.contenttype2 img {
    float: left;
    margin: 0 10px 10px 0;
    width: 29%;
}

.contenttype3 img {
    float: right;
    margin: 0 0 10px 10px;
    width: 29%;
}

.contenttype4 img {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
}

.contenttype5 img {
    width: 100%;
    display: block;
}

.transition {
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}

#feedback {
    display: block;
    width: 300px;
    height: 320px;
    position: fixed;
    left: -332px;
    top: 20%;
    background: #EFEAEA;
    border: 2px solid #0E9398;
    border-left: 0;
    z-index: 100;
    padding: 15px;
}

#feedback.open {
    left: 0;
}

.feedBackLabel {
    background: #EFEAEA url('../img/feedback_label.png') no-repeat 0 0;
    border: 2px solid #0E9398;
    border-left: 0;
    height: 91px;
    position: absolute;
    right: -35px;
    /* -66px */
    top: 38px;
    padding: 0;
    cursor: pointer;
    width: 33px;
    display: block;
}

.feedBackLabel:hover {
    background-color: #0E9398;
}

#feedback input {
    height: 26px !important;
    padding: 0px 3px;
    display: block;
    width: 80%;
    margin-bottom: 5px;
}

#feedback textarea {
    width: 80%;
    height: 60px;
}

#feedback #submit {
    width: auto;
    float: left;
    margin-right: 5px;
}

#feedback .loading {
    display: none;
}


#topBar {
    width: 100%;
    display: block;
    background: #2b2b2b url('../img/bg_topbar.png') repeat-x 0 0;
    height: 43px;
    border-bottom: 1px solid #000;
}

#topBar .logo {
    display: block;
    float: left;
    width: 131px;
    height: 25px;
    padding: 9px 0;
}

#topBar ul {
    margin: 0;
    padding: 0;
    display: block;
    float: right;
    list-style: none;
    position: relative;
    border-left: 1px solid #434343;
    border-right: 1px solid #000;
}

#topBar ul li {
    display: block;
    line-height: 43px;
    height: 43px;
    position: relative;
    padding: 0 10px;
    cursor: pointer;
    float: left;
    border-left: 1px solid #000;
    border-right: 1px solid #434343;
    color: white;
    font-size: 16px;
}

#topBar ul li a {
    color: white;
    text-decoration: none;
}

#topBar #wijzigPaginas .dropDown {
    float: none;
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 101;
}

#topBar ul li:hover,
#topBar ul li.current {
    background-color: #526f9a;
}

#topBar li.hasSub:hover ul {
    display: block;
}

#topBar li.hasSub ul {
    z-index: 101;
}

#topBar ul ul {
    background: #494949;
    border-left: none;
    display: none;
    position: absolute;
    right: 11px;
    top: 43px;
}

#topBar ul ul li {
    border-left: none;
    padding: 0 !important;
    line-height: 1.4;
    width: auto !important;
    height: 33px;
    line-height: 33px;
    float: none;
}

#topBar ul ul a {
    white-space: nowrap;
    display: block;
    background: #494949;
    width: 100%;
    padding: 0px 10px 0px 5px;
}

#topBar ul ul a:hover {
    background: #526f9a;
    color: #f1f1f1;
}

div.inlogVenster {
    width: 160px;
    height: 170px;
    display: none;
    position: absolute;
    background: #494949;
    color: white;
    padding: 15px;
    top: 43px;
    right: 0;
    z-index: 500;
}

div.inlogVenster a {
    color: white;
    margin-top: 10px;
}

.headerBar {
    width: 100%;
    background: #0e9398 url('../img/glow_header.png') top center no-repeat;
    height: 125px;
    display: block;
    border-bottom: 1px solid #095e61;
    margin-bottom: 30px;
}

.pageTitle {
    font-size: 36px;
    color: white;
    margin: 0 0 0 15px;
    padding: 80px 0 0 0;
}


.leftContent,
.sidebar,
.wideContent {
    display: block;
    float: left;
    min-height: 100px;
}

.leftContent {
    width: 614px;
    margin-right: 48px;
}

.sidebar {
    width: 316px;
}

.wideContent {
    width: 774px;
}

.blok {
    width: 100%;
}

.blok .bloktitel {
    display: block;
    padding: 0 15px;
    height: 32px;
    background: #dadada;
    line-height: 32px;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #a1a1a1;
    position: relative;
}

.blok a.bloktitel {
    text-decoration: none;
    color: black;
}

.blok a.bloktitel:hover {
    color: white;
}

.blok .bloktitel.nbt {
    border-top: none;
}

.blok.open .bloktitel {
    background: #0e9398 url('../img/glow_header.png') top center no-repeat;
}

.blok .blokcontent {
    padding: 10px 15px;
    display: block;
    border: 1px solid #a1a1a1;
    border-top: none;
    display: none;
}

.blok.open .blokcontent,
.blok.statisch .blokcontent {
    display: block;
}

.icon {
    display: block;
    width: 17px;
    height: 17px;
    background: url('../img/icons.png') 0 0 no-repeat;
}

.icon.empty {
    cursor: default;
    background-position: 30px 30px;
}

.icon.min,
.blok.open .bloktitel .icon {
    background-position: 0 -17px;
}

.icon.plus,
.blok .bloktitel .icon {
    background-position: 0 -34px;
}

.icon.edit {
    background-position: -17px 0;
}

.icon.send {
    background-position: -17px -17px;
}

.icon.delete {
    background-position: -17px -35px;
}

.icon.view {
    background-position: -35px 0;
}

.icon.copy {
    background-position: -35px -17px;
}

.icon.versies {
    background-position: -35px -35px;
}

.icon.vervangend {
    background-position: -52px 0;
}

.icon.nabestellen {
    background-position: -52px -17px;
}

.icon.bvt {
    background-position: -52px -35px;
}

.icon.factuur {
    background-position: -70px 0;
}

.icon.creditfactuur {
    background-position: -70px -19px;
}

.cuesheet .icon:hover {
    filter: alpha(opacity=50);
    opacity: 0.5;
}


.blok .toggleBlok,
.blok .toggleBlokEnBalk {
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
}

.toggleBlokTitle {
    cursor: pointer;
}

.legendaItem {
    display: block;
    padding: 3px 0;
}

.legendaItem span {
    float: left;
    margin-right: 6px;
}

.blok.legendaBlok {
    width: 316px;
}

a.bolRight {
    text-decoration: none;
    color: black;
    font-size: 16px;
    float: right;
    display: block;
    height: 18px;
    position: relative;
    padding-right: 20px;
    margin-bottom: 7px;
}

a.bolRight .icon {
    position: absolute;
    top: 2px;
    right: 0;
}

a.bolRight:hover {
    color: #578edf;
}

a.adresboekLink {
    position: absolute;
    top: 16px;
    right: 10px;
}

.divider {
    width: 100%;
    height: 1px;
    display: block;
    margin: 0 -15px 5px -15px;
    background: #ccc;
    padding: 0 15px;
    clear: both;
}

.hide {
    display: none;
}

.addBlock {
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
    clear: both;
}

.gray {
    background: #f0f0f0;
}

.muziekTab {
    display: block;
    float: left;
    width: 24%;
    height: 30px;
    background: white;
    margin: 5px 0 0 0;
    padding: 5px 0px;
    line-height: 30px;
    font-weight: bold;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    cursor: pointer;
}

.muziekTab input {
    margin-left: 10px;
    width: 20px;
    height: 20px;
}

.muziekTab.active,
.muziekTab:hover {
    background: #e0e0e0;
}

#zoekFrame {
    width: 978px;
    margin: 0px auto;
    height: 5000px;
    display: block;
    position: relative;
}

#companies {
    width: 226px;
    margin-left: 128px;
}

#companies a {
    color: #000;
    display: block;
    width: 216px;
    background: #eeeeee;
    line-height: 25px;
    text-decoration: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ddd;
    padding: 0px 5px;
}

#companies a:hover {
    background: #e0e0e0;
}

.muziekAddPanel {
    border-top: 1px solid #eee;
}

#trackOverlay {
    position: absolute;
    top: 80px;
    left: 0px;
    width: 774px;
    height: 455px;
    background: #fff;
    z-index: 100;
    display: none;
    padding-top: 10px;
}

#trackResultsOverlay {
    position: absolute;
    top: 250px;
    left: 0px;
    width: 774px;
    height: 295px;
    background: #fff;
    z-index: 100;
    display: none;
    overflow-y: scroll;
}

.cuesheetPreview {
    width: 724px;
    margin: 5px 0 15px 0;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 8px 0px #000;
    -moz-box-shadow: 0px 0px 8px 0px #000;
    box-shadow: 0px 0px 8px 0px #000;
    min-height: 10px;
}

.cuesheetPreview .music {
    page-break-inside: avoid;
}

.cuesheetPreview .music div {
    height: 18px;
}

/* cuesheetslist */

.projecttitel {
    font-weight: bold;
}

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

ul.sortable .sortFolder>div {
    background: #868686;
    color: white;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    padding-left: 5px;
    margin: 1px 0;
    font-size: 16px;
}

.placeholder {
    border: 1px dashed #4183C4;
}

.legeLi div {
    height: 5px;
    padding: 2px 0;
    width: 100%;
    display: block;
}

.cuesheetsList .cuesheet {
    display: block;
    background: #e7e7e7;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    padding-left: 5px;
    margin: 1px 0 1px 15px;
    cursor: pointer;
}

.cuesheetsList .cuesheet.error {
    border: 1px solid red;
    height: auto;
}

.cuesheetsList .cuesheet.aangemaaktDoor {
    height: auto;
}

.cuesheetsList .dropBox {
    border: 2px dashed #ccc;
    background: #fff !important;
    margin-left: 15px !important;
    text-align: center;
    color: #ccc !important;
    display: none;
}

.cuesheetsList .cuesheet.indent {
    margin-left: 30px;
    background: #f0f0f0;
}

.verzondenCuesheets .cuesheetsList .cuesheet.indent {
    display: none;
}

.cuesheetsList .datetype {
    color: #686868;
    font-size: 11px;
}

.cuesheetsList .actions {
    position: absolute;
    right: 5px;
    top: 5px;
}

.cuesheetsList .actions a {
    display: block;
    float: right;
    margin: 0 2px;
}

.cuesheetsList .cdTitel,
.cuesheetsList .cdTrack,
.cuesheetsList .cdTracktitel,
.cuesheetList .cdTijd {
    display: block;
    float: left;
}

.cuesheetsList .cuesheet div {
    min-height: 20px;
}

.cuesheetsList .cdTitel,
.cuesheetsList .cdTitelNaam,
.cuesheetsList .cdLabelCode {
    width: 300px;
}

.cuesheetsList .cdTrack {
    width: 51px;
}

.cuesheetsList .cdTracktitel {
    width: 270px;
}

.cuesheetList .cdTijd {
    width: 40px;
}

/* end-cuesheetslists */
/* Inputs */

.fifty {
    display: block;
    float: left;
    width: 50%;
    position: relative;
}

.fifty.gray {
    margin: -10px 0 0 -15px;
    padding: 10px 0 0 14px;
    border-right: 1px solid #ccc;
}

.fifty.pl15 {
    padding: 0 0 0 15px;
    margin: 0 -15px 0 0;
}

.fifty.bl {
    border-left: 1px solid #ccc;
    margin-left: -1px;
}

.fifty label {
    display: inline-block;
    width: 125px;
}

.fifty input.text,
.fifty select {
    display: inline-block;
    width: 228px;
    margin: 2px 0;
}

.fifty input.text {
    width: 216px;
}

.fifty textarea {
    width: 344px;
    height: 65px;
}

.fifty.onderelkaar label {
    display: block;
    margin-bottom: 3px;
}

.fifty.onderelkaar input.text,
.fifty.onderelkaar select {
    width: 75%;
}

label.wideLabel {
    width: auto !important;
}

.width1,
.width2,
.width3,
.width4 {
    display: block;
    float: left;
    margin-right: 8px;
}

.width1 {
    width: 231px;
}

.width2 {
    width: 150px;
}

.width3 {
    width: 100px;
}

.width4 {
    width: 60px;
}

.width5 {
    width: 70%;
}

label.width1,
label.width2,
label.width3,
label.width4 {
    margin-top: 4px;
}

label.width1.scheef {
    width: 243px;
}

label.width2.scheef {
    width: 162px;
}

label.width3.scheef {
    width: 112px;
}

label.width4 {
    width: auto;
}

#searchResults {
    position: absolute;
    width: 66%;
    margin: 0 0 0 2px;
    background: white;
    border: 1px solid #ccc;
    padding: 1%;
    display: none;
}

#searchResults a {
    color: black;
    display: block;
    clear: both;
}

#searchResults a:hover {
    text-decoration: underline !important;
}

#searchResults a span {
    color: black;
    display: block;
    float: left;
}

input,
select,
textarea {
    padding: 5px;
    font-size: 14px;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #717171;
    -webkit-box-shadow: inset 0px 1px 1px #aeaeae;
    -moz-box-shadow: inset 0px 1px 1px #aeaeae;
    box-shadow: inset 0px 1px 1px #aeaeae;
}

select {
    padding: 4px 5px;
}

input.fail {
    -webkit-box-shadow: 0px 0px 5px #ff4848;
    -moz-box-shadow: 0px 0px 5px #ff4848;
    box-shadow: 0px 0px 5px #ff4848;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc1c1), to(#ffffff));
    background: -moz-linear-gradient(top, #ffc1c1, #ffffff);
}

select.fail {
    border: 1px solid red;
    color: red;
}

input:focus,
select:focus {
    -webkit-box-shadow: 0px 0px 5px #007eff;
    -moz-box-shadow: 0px 0px 5px #007eff;
    box-shadow: 0px 0px 5px #007eff;
}

input.required {
    background-image: url('../img/def_sprite.png');
    background-repeat: no-repeat;
    background-position: 98% 6px;
}

#versiesForm h1 {
    font-size: 14px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #A1A1A1;
}

/* End-Inputs */

/* Adresboek overlay */

ul#adresboek {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#adresboek li {
    display: block;
    border-bottom: 1px solid #0E9398;
    height: 25px;
    line-height: 25px;
}

ul#adresboek li a {
    display: block;
    text-decoration: none;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: black;
}

ul#adresboek li a:hover {
    background: #0E9398;
    color: white;
}

/* End-Adresboek overlay */
/* Uitzendinstanties */
.list_uitzendinstanties {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list_uitzendinstanties ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.list_uitzendinstanties ul:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 9px;
    bottom: 0;
    width: 1px;
    background: #ccc;
}

.list_uitzendinstanties li {
    display: block;
    padding: 5px;
    margin: 5px;
}

.list_uitzendinstanties>li>ul ul li {
    display: inline-block;
    background: #eee;
    border-radius: 3px;
}

.list_uitzendinstanties fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
}

/* Checkbox & Radio */
.list_uitzendinstanties input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.list_uitzendinstanties input[type="checkbox"]:disabled {
    cursor: not-allowed;
}

.input-radio,
.input-checkbox {
    width: auto;
    padding-left: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-radio:before,
.input-radio:after,
.input-checkbox:before,
.input-checkbox:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
}

.input-radio:before,
.input-checkbox:before {
    left: 0;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.03);
    border-radius: 50%;
}

.fifty label.input-checkbox {
    width: auto;
}

.input-radio:after,
.input-checkbox:after {
    left: 5px;
    display: none;
    content: 'X';
    color: white;
    line-height: 17px;
    font-size: 12px;
}

.list_uitzendinstanties input[type=checkbox]:checked+label:after {
    display: block;
}

.input-checkbox:before {
    border-radius: 3px;
}

.list_uitzendinstanties input[type=checkbox]:checked+label:before {
    background-color: #0e9398;
    border: none;
    box-shadow: none;
}

.list_uitzendinstanties input[type=checkbox]:checked+label {
    color: #26272d;
}

/* End Uitzendinstanties */


/*

@font-face {
	font-family: 'fontName';
	src: url('/../fonts/fontName.eot');
	src: url('/../fonts/fontName.eot?#iefix') format('embedded-opentype'),
	url('/../fonts/fontName.woff') format('woff'),
	url('/../fonts/fontName.ttf') format('truetype'),
	url('/../fonts/fontName.svg#fontName') format('svg');
	font-weight: normal;
	font-style: normal;
	letter-spacing : 0;
}

h1 {
	font: 22px 'fontName';
}

*/


/* Contactform */
#contactform {
    padding-left: 23px;
}

#contactform label {
    clear: both;
    display: block;
    margin: 5px 0 2px 0;
}

#contactform label.error {
    color: red;
}

#contactform input {
    display: block;
    line-height: 20px;
    width: 300px;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #ccc;
    background: white;
    padding: 2px 7px;
    font-size: 15px;
    background-color: white;
}

#contactform input.required,
#contactform input.correct,
#contactform input.error {
    background-image: url('../img/contact_icons.png');
    background-repeat: no-repeat;
    background-position: 100% 5px;
}

#contactform input.correct {
    background-position: 100% -29px;
}

#contactform input.error {
    background-position: 100% -63px;
}

#contactform .floatlabel {
    float: left;
    clear: none;
}

#contactform input#checkbox {
    width: 15px;
    padding: 0;
    margin: 0;
}

#contactform input#checkbox.floatcheckbox {
    float: left;
    margin: 7px 10px 15px 0;
    clear: both;
}

#contactform textarea {
    width: 300px;
    height: 100px;
    border: 1px solid #ccc;
    background: white;
    padding: 2px 7px;
}

#contactform input.error,
#contactform textarea.error,
#loginForm input.error,
#register .error {
    background-color: #ffcece;
    border: 1px solid #DE3737;
    -moz-box-shadow: 0 0 5px #DE3737, 0 0 5px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 5px #DE3737, 0 0 5px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 0 5px #DE3737, 0 0 5px rgba(0, 0, 0, 0.2) inset;
}

#contactform input.correct,
#contactform textarea.correct {
    border: 1px solid #9adf8f;
    -moz-box-shadow: 0 0 5px #9adf8f, 0 0 5px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 5px #9adf8f, 0 0 5px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 0 5px #9adf8f, 0 0 5px rgba(0, 0, 0, 0.2) inset;
}

#contactform #contactsubmit {
    width: auto;
    display: inline-block;
    float: left;
    -moz-box-shadow: inset 0px 1px 0px 0px #dcecfb;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dcecfb;
    box-shadow: inset 0px 1px 0px 0px #dcecfb;
    background-color: #77b8fb;
    border: 1px solid #84bbf3;
    color: #ffffff;
    font-size: 15px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #528ecc;
}

#contactform #contactsubmit:hover {
    -moz-box-shadow: inset 0 0 4px 0 rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: inset 0 0 4px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 0 4px 0 rgba(255, 255, 255, 0.4);
    background-color: #bddbfa;
    text-shadow: none;
    color: #333;
}

#contactform #contactsubmit:active {
    -moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.4);
    background: #77b8fb;
}

#contactform .loading {
    float: left;
    margin: 10px 0 0 10px;
    display: none;
}

/*  Contactform-end */
/* Datepicker  & Accordion*/
.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}

* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd;
    color: #222;
}

.ui-widget-content a {
    color: #222;
}

.ui-widget-header {
    border: 1px solid #4297d7;
    background: #5c9ccc;
    color: #fff;
    font-weight: bold;
}

.ui-widget-header a {
    color: #fff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #c5dbec;
    background: #dfeffc;
    font-weight: bold;
    color: #2e6e9e;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #2e6e9e;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #79b7e7;
    background: #d0e5f5;
    font-weight: bold;
    color: #1d5987;
}

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #1d5987;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #79b7e7;
    background: #f5f8f9;
    font-weight: bold;
    color: #e17009;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #e17009;
    text-decoration: none;
}

.ui-widget :active {
    outline: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fad42e;
    background: #fbec88;
    color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec;
    color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-header .ui-icon {
    background-image: url(../img/ui-icons_d8e7f3_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../img/ui-icons_217bc0_256x240.png);
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaa;
    opacity: .30;
    filter: Alpha(Opacity=30);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.ui-accordion {
    width: 96%;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: .5em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    right: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

/* End Datepicker */
/* Fancybox */
.fancybox-tmp iframe,
.fancybox-tmp object {
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1002;
}

.fancybox-outer {
    padding: 0;
    margin: 0;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 1003;
}

.fancybox-opened .fancybox-outer {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    outline: none;
    overflow: hidden;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -21px;
    margin-left: -21px;
    width: 42px;
    height: 42px;
    background: url('../img/loading.gif');
    opacity: 0.8;
    cursor: pointer;
    z-index: 1010;
}

.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('../img/fancybox_sprite.png');
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 1004;
}

.fancybox-prev,
.fancybox-next {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    background: transparent url('../img/blank.gif');
    /* helps IE */
    z-index: 1003;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-prev span,
.fancybox-next span {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 1003;
}

.fancybox-prev span {
    background-position: 0 -36px;
}

.fancybox-next span {
    background-position: 0 -72px;
}

.fancybox-prev:hover,
.fancybox-next:hover {
    visibility: visible;
}

.fancybox-prev:hover span {
    left: 20px;
}

.fancybox-next:hover span {
    left: auto;
    right: 20px;
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding: 0;
    overflow: visible;
    visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 1001;
    background: #000;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 1005;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 1003;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    margin-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/* End-Fancybox */