﻿@font-face {
    font-family: 'PT Sans';
    src: url('/Content/css/fonts/fontfiles/ptsans.eot');
    src: url('/Content/css/fonts/fontfiles/ptsans.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/fonts/fontfiles/ptsans.woff') format('woff'),
         url('/Content/css/fonts/fontfiles/ptsans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo 100';
    src: url('/Content/css/fonts/fontfiles/museo100.eot');
    src: url('/Content/css/fonts/fontfiles/museo100.eot?#iefix') format('embedded-opentype'),
        url('/Content/css/fonts/fontfiles/museo100.woff') format('woff'),
        url('/Content/css/fonts/fontfiles/museo100.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo 300';
    src: url('/Content/css/fonts/fontfiles/museo300.eot');
    src: url('/Content/css/fonts/fontfiles/museo300.eot?#iefix') format('embedded-opentype'),
        url('/Content/css/fonts/fontfiles/museo300.woff') format('woff'),
        url('/Content/css/fonts/fontfiles/museo300.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo 500';
    src: url('/Content/css/fonts/fontfiles/museo500.eot');
    src: url('/Content/css/fonts/fontfiles/museo500.eot?#iefix') format('embedded-opentype'),
        url('/Content/css/fonts/fontfiles/museo500.woff') format('woff'),
        url('/Content/css/fonts/fontfiles/museo500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('/Content/css/fonts/fontfiles/dmsans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body            { margin:0px; padding:0px; background-color:#e2e2e2;}
html            { color:#333; margin:0; padding:0; width:100%; height:100%; background-repeat:repeat; 
                  font-family:'DM Sans', Verdana, Sans-Serif; font-size:10.5pt; font-weight:normal; line-height:14pt;}
h1              { margin:0; padding:5px; font-family:"DM Sans", Serif; font-size:16pt; font-weight:normal; }
h2              { margin:0; padding:5px; font-size:18px; font-weight:normal; }
h3              { margin:0; padding:5px; font-size:12pt; font-weight:normal; }
h4              { margin:0; padding:5px; font-size:10pt; font-weight:normal; }
p               { margin:0; padding:5px; font-size:14px; font-weight:normal; line-height:14pt; }
a               { color:#247DC9; cursor:pointer; outline:none; text-decoration:none; }
a:hover         { text-decoration:underline; }
a img           { border:0px; }
form            { margin:0px; padding:0px; border:0px; }
fieldset        { margin:0px; padding:0px; border:0px;}
table           { border-spacing:0px;}
td              { border-spacing:0px; }
textarea        { resize:none;  overflow: auto; margin:0px; padding:0px;}
ul              { list-style-type: none;}
input[type='date']::-webkit-outer-spin-button,
input[type='date']::-webkit-inner-spin-button,
input[type='time']::-webkit-outer-spin-button,
input[type='time']::-webkit-inner-spin-button { -webkit-appearance: none; margin:0px; padding:0px;}
input[type='radio'] { border: none !important; background-color: transparent !important; }
input[type='submit']:focus { -webkit-appearance: none;  background-color: #ccc;}
input[type='checkbox'] { border: none !important;  background-color: transparent !important; }
label           { display:inline-block; padding:1px; }
.left           { float:left; clear:none !important;}
.right          { float:right; clear:none !important;}
.clear          { clear:both;}
.hidden         { display:none; }
.content-fourth { width:25%; }
.content-third  { width:33%; }
.content-half   { width:50%; }
.center-text    { text-align:center; }
.bold           { font-weight:bold; }
.italic {
	font-style: italic;
}
.note           { font-size:0.75em; line-height:1.2em; }
.small          { font-size:10pt; }
.color          { color:#68ACE5; }



/*-----------------------------------------------------------------------------------------------------*/
/*                                       CHECKBOXES                                                    */
/*-----------------------------------------------------------------------------------------------------*/

.custom-checkbox                { position: relative; display: inline-block;  margin-right: 5px; vertical-align: sub; }
.center-checkbox                { text-align: center; vertical-align: middle; }
.custom-checkbox > .box         { position: relative; display: block; width: 14px; height: 14px; border: 1px solid #ccc; background-color: #fdfdfd;  }
.custom-checkbox > .box > .tick { position: absolute; left: 2px; top: -2px; width: 14px; height: 6px; border-bottom: 2px solid #666; border-left: 2px solid #666; 
                                 -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
                                 transform: rotate(-45deg); display: none; }                             
.custom-checkbox > input:checked + .box > .tick { display: block; }
.custom-checkbox  input         { position: absolute; outline: none; left: 0; top: 0; padding: 0; width: 16px; height: 16px; border: none; margin: 0; opacity: 0; z-index: 9999; }
.custom-checkbox > input:active + .box  { border-color: #aaa; background-color: #ddd; }​
.custom-checkbox.checked > .box > .tick { display: block; }
.oldie .custom-checkbox > .box > .tick  { filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand'); }
.oldie .custom-checkbox > input         { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.oldie .custom-checkbox                 { zoom: 1; }
.oldie .custom-checkbox > .box > .tick  { left: 1px; top: -5px; zoom: 1; }

.custom-checkbox.dark > .box         { border: 1px solid #ccc; background-color: #333;  }
.custom-checkbox.dark > .box > .tick { border-bottom: 2px solid #fff; border-left: 2px solid #fff; } 
.custom-checkbox.dark > input:active + .box  { border-color: #ccc; background-color: #555; }​

/*-----------------------------------------------------------------------------------------------------*/
/*                                         COMBO BOXES                                                 */
/*-----------------------------------------------------------------------------------------------------*/
.divFormItem .ui-button                           { margin-left: -24px !important; border-color: #CCCCCC !important; border-style: none none none solid !important; 
                                                    border-width: medium medium medium 1px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.ticketSection .ui-button                         { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.divFormItem .ui-button .ui-button-text           { line-height: 18px; }
.divFormItem button.ui-button-icon-only           { width: 23px !important;}
.divFormItem .ui-button-icon-only .ui-button-text { padding: 0.17em 0  !important; } 
.divFormItem .k-dropdown,
.divFormItem .k-combobox                          { padding: 0; width: 163px !important; font-size: 13.5px; text-align: left; letter-spacing: 1px;}
.divFormItem .k-dropdown.wide,
.divFormItem .k-combobox.wide                     { width: 208px !important;}
.wideList input.ui-autocomplete-input             { width:178px !important; line-height:12pt; margin: 4px 0 0 0!important;}
.divFormItem .ui-widget-content                   { background: none repeat scroll 0 0 #FDFDFD;}
.ui-state-default                                 { border: 1px solid #ccc;}
ul.ui-widget-content                              { border: 1px solid #ccc; max-height: 200px; overflow: auto; border-radius: 0 !important; z-index: 9999 !important;}
ul.ui-state-default:hover                         { border: 1px solid #aaa;}
.wideList .ui-button, .narrowList .ui-button, .veryNarrowList .ui-button
                                                  { margin-top: 0px;}
.narrowList                                       { margin:10px 0 !important;}
.veryNarrowList .k-dropdown                       { height: 40px; margin: 9px 0 0 !important; padding: 0 5px;  width: 75px !important;}
.veryNarrowList                                   { margin:5px 0px !important;}

.k-popup .k-list .k-item                          { min-height: 1.8em;}
.k-today                                          { background-color: #FFF9E4; border: 1px solid #FBF1CF; }
