/*#calendarjs > 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, 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,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
	}*/

    #calendarjs > html {
        font-size: 62.5%;
    }

    /* HTML5 display-role reset for older browsers */

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

    #calendarjs > body {
        line-height: 1;
    }

    #calendarjs > ol,
      #calendarjs >ul {
        list-style: none;
    }

    #calendarjs > blockquote,
    q {
        quotes: none;
    }

    #calendarjs > blockquote:before,
     #calendarjs > blockquote:after,
      #calendarjs >q:before,
     #calendarjs > q:after {
        content: '';
        content: none;
    }

    #calendarjs > table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    #calendarjs > body {
        background: #fff;
        position: relative;
        -webkit-font-smoothing: antialiased;
    }

    #calendarjs > body,
      #calendarjs >input,
      #calendarjs >select,
     #calendarjs > textarea,
     #calendarjs > button {

        font-size: 13px;
        line-height: 18px;
        color: #555;
    }

    /* end of reset */

    /*= Links */

    #calendarjs > a {
        color: #2a85e8;
        text-decoration: none;
        outline: 0;
        line-height: inherit;
    }

    #calendarjs > a:hover {
        color: #11639d;
    }

    #calendarjs > p a,
      #calendarjs > p a:visited {
        line-height: inherit;
    }

    /* end of links */

    #calendarjs > img,
     #calendarjs > object {
        max-width: 100%;
    }

    /* http://unstoppablerobotninja.com/entry/fluid-images/ */

    /*= List */

    #calendarjs > ul,
     #calendarjs > ol {
        margin-bottom: 18px;
    }

    #calendarjs > ul {
        list-style: none outside;
    }

    #calendarjs > ol {
        list-style: decimal;
    }

    #calendarjs > ol,
    #calendarjs >ul.square,
     #calendarjs > ul.circle,
     #calendarjs > ul.disc {
        margin-left: 30px;
    }

    #calendarjs > ul.square {
        list-style: square outside;
    }

    #calendarjs > ul.circle {
        list-style: circle outside;
    }

    #calendarjs > ul.disc {
        list-style: disc outside;
    }

    #calendarjs > ul ul,
    ol ol {
        margin: 4px 0 5px 30px;
    }

    #calendarjs > li {
        margin-bottom: 12px;
    }

    #calendarjs > ul.horizontal li {
        float: left;
    }

    #calendarjs > ul.nm {
        margin: 0;
    }

    /*= Tables */

    #calendarjs > table {
        background: #fff;
        width: 100%;
        margin: 0 0 18px;
        border: 1px solid #ddd;
    }

    #calendarjs > table thead {
        background: #f5f5f5;
    }

    #calendarjs > table thead tr th,
    #calendarjs > table tbody tr td {
        text-align: left;
    }

    #calendarjs > table thead tr th {
        padding: 8px 10px 9px;
        font-weight: bold;
    }

    #calendarjs > table thead tr th:first-child {
        border-left: none;
    }

    #calendarjs > table thead tr th:last-child {
        border-right: none;
    }

    #calendarjs > table thead tr {}

    #calendarjs > table tbody {}

    #calendarjs > table tbody tr {}

    #calendarjs > table tbody tr.even,
    #calendarjs > table tbody tr.alt,
    #calendarjs > table tbody tr:nth-child(even) {
        background: #f9f9f9;
    }

    #calendarjs > table tbody tr td {
        padding: 9px 10px;
        vertical-align: top;
        border: none;
    }


    /*= Typography */

    #calendarjs > .h1,
     #calendarjs > .h2,
     #calendarjs > .h3,
     #calendarjs > .h4,
     #calendarjs > .h5,
     #calendarjs > .h6 {
        font-weight: bold;
        line-height: 1.25;
    }

    #calendarjs > .h1 a,
     #calendarjs > .h2 a,
     #calendarjs > .h3 a,
     #calendarjs > .h4 a,
     #calendarjs > .h5 a,
     #calendarjs > .h6 a {
        font-weight: inherit;
    }

    #calendarjs > .h1 {
        font-size: 46px;
        font-size: 4.6rem;
        margin-bottom: 12px;
    }

    #calendarjs > .h2 {
        font-size: 35px;
        font-size: 3.5rem;
        margin-bottom: 9px;
    }

    #calendarjs > .h3 {
        font-size: 28px;
        font-size: 2.8rem;
        margin-bottom: 9px;
    }

    #calendarjs > .h4 {
        font-size: 21px;
        font-size: 2.1rem;
        margin-bottom: 3px;
    }

    #calendarjs > .h5 {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: normal;
        margin-bottom: 3px;
    }

    #calendarjs > .h6 {
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: normal;
    }

    #calendarjs > .subheader {
        color: #777;
        font-weight: 300;
        margin-bottom: 24px;
    }

    #calendarjs > p {
        line-height: 17px;
        margin: 0 0 18px;
    }

    #calendarjs > p img {
        margin: 0;
    }

    #calendarjs > p.lead {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
    }

    /* Mobile */

     #calendarjs > @media handheld,
    only screen and (max-width: 767px) {
        body,
        p {
            font-size: 15px;
            font-size: 1.5rem;
            line-height: 1.4;
        }
    }

    #calendarjs > em {
        font-style: italic;
        line-height: inherit;
    }

    #calendarjs > strong {
        font-weight: bold;
        line-height: inherit;
    }

    #calendarjs > small {
        font-size: 60%;
        line-height: inherit;
    }

    #calendarjs > h1 small,
      #calendarjs >h2 small,
     #calendarjs > h3 small,
     #calendarjs > h4 small,
      #calendarjs >h5 small {
        color: #777;
    }

    #calendarjs > code,
      #calendarjs >pre {
        background: #FCF8C4;
        padding: 0 3px;
    }

    #calendarjs > pre {
        overflow: auto;
    }

    #calendarjs > pre {
        border: solid 1px #ccc;
        margin-bottom: 18px;
    }

    /*	Blockquotes  */

    #calendarjs > blockquote,
     #calendarjs > blockquote p {
        line-height: 20px;
    }

    #calendarjs > blockquote {
        margin: 0 0 18px;
        padding: 9px 20px 0 19px;
        border-left: 1px solid #ddd;
    }

    #calendarjs > blockquote cite {
        display: block;
        font-size: 12px;
        font-size: 1.2rem;
    }

    #calendarjs > blockquote cite:before {
        content: "\2014 \0020";
    }

    #calendarjs > blockquote cite a,
     #calendarjs >  blockquote cite a:visited {}

    #calendarjs > hr {
        border: solid #ddd;
        border-width: 1px 0 0;
        clear: both;
        margin: 12px 0 18px;
        height: 0;
    }

    #calendarjs > abbr,
      #calendarjs > acronym {
        text-transform: uppercase;
        font-size: 90%;
        border-bottom: 1px solid #ddd;
        cursor: help;
    }

    #calendarjs > abbr {
        text-transform: none;
    }

    /**
 	 * Print styles.
	 *
	 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
	 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
	 */

    @media print {
        * {
            background: transparent !important;
            text-shadow: none !important;
            filter: none !important;
            -ms-filter: none !important;
        }
        /* Black prints faster: sanbeiji.com/archives/953 */
        p a,
        p a:visited {
            text-decoration: underline;
        }
        p a[href]:after {
            content: " (" attr(href) ")";
        }
         #calendarjs > abbr[title]:after {
            content: " (" attr(title) ")";
        }
          #calendarjs >.ir a:after,
          #calendarjs >a[href^="javascript:"]:after,
         #calendarjs > a[href^="#"]:after {
            content: "";
        }
        /* Don't show links for images, or javascript/internal links */
         #calendarjs > pre,
          #calendarjs >blockquote {
            border: 1px solid #999;
            page-break-inside: avoid;
        }
        #calendarjs >  thead {
            display: table-header-group;
        }
        /* css-discuss.incutio.com/wiki/Printing_Tables */
         #calendarjs > tr,
         #calendarjs > img {
            page-break-inside: avoid;
        }
        #calendarjs >  @page {
            margin: 0.5cm;
        }
         #calendarjs > p,
         #calendarjs > h2,
         #calendarjs > h3 {
            orphans: 3;
            widows: 3;
        }
         #calendarjs > h2,
         #calendarjs > h3 {
            page-break-after: avoid;
        }
    }

    /* Arfully Masterminded by ZURB */

    /*= Grid */

    #calendarjs > .container,
    .fixContainer {
        padding: 0px 20px;
    }


    #calendarjs > .row {
        width: 100%;
        margin: 0 auto;
    }

    /* To fix the grid into a certain size, set max-width to width */

    #calendarjs > .row .row {
        min-width: 0px;
    }

    #calendarjs > .g1,
      #calendarjs >.g2,
     #calendarjs > .g3,
      #calendarjs >.g4,
      #calendarjs >.g5,
      #calendarjs >.g6,
      #calendarjs >.g7,
      #calendarjs >.g8,
     #calendarjs > .g9,
      #calendarjs >.g10,
      #calendarjs >.g11,
      #calendarjs >.g12 {
        margin-left: 4.4%;
        float: left;
        min-height: 1px;
        position: relative;
    }

    #calendarjs > .g1:first-child,
      #calendarjs >.g2:first-child,
      #calendarjs >.g3:first-child,
      #calendarjs >.g4:first-child,
      #calendarjs >.g5:first-child,
      #calendarjs >.g6:first-child,
      #calendarjs >.g7:first-child,
     #calendarjs > .g8:first-child,
     #calendarjs > .g9:first-child,
      #calendarjs >.g10:first-child,
      #calendarjs >.g11:first-child,
      #calendarjs >.g12:first-child {
        margin-left: 0px;
    }

    #calendarjs > .row .g1 {
        width: 4.3%;
    }

    #calendarjs > .row .g2 {
        width: 13%;
    }

    #calendarjs > .row .g3 {
        width: 21.68%;
    }

    #calendarjs > .row .g4 {
        width: 30.4%;
    }

    #calendarjs > .row .g5 {
        width: 39.1%;
    }

    #calendarjs > .row .g6 {
        width: 47.8%;
    }

    #calendarjs > .row .g7 {
        width: 56.5%;
    }

    #calendarjs > .row .g8 {
        width: 65.2%;
    }

    #calendarjs > .row .g9 {
        width: 73.9%;
    }

    #calendarjs > .row .g10 {
        width: 82.6%;
    }

    #calendarjs > .row .g11 {
        width: 91.3%;
    }

    #calendarjs > .row .g12 {
        width: 100%;
    }

    .row .g1.centered {
        margin-left: 47.9%;
    }

    .row .g2.centered {
        margin-left: 43.5%;
    }

    .row .g3.centered {
        margin-left: 39.2%;
    }

    .row .g4.centered {
        margin-left: 34.8%;
    }

    .row .g5.centered {
        margin-left: 30.5%;
    }

    .row .g6.centered {
        margin-left: 26.1%;
    }

    .row .g7.centered {
        margin-left: 21.8%;
    }

    .row .g8.centered {
        margin-left: 17.4%;
    }

    .row .g9.centered {
        margin-left: 13.1%;
    }

    .row .g10.centered {
        margin-left: 8.7%;
    }

    .row .g11.centered {
        margin-left: 4.3%;
    }

    #calendarjs > img,
      #calendarjs >object,
     #calendarjs > embed {
        max-width: 100%;
    }

    #calendarjs > img {
        -ms-interpolation-mode: bicubic;
    }

    /* Nicolas Gallagher's micro clearfix */

    #calendarjs > .row:before,
      #calendarjs >.row:after,
      #calendarjs >.clearfix:before,
      #calendarjs >.clearfix:after {
        content: "";
        display: table;
    }

    #calendarjs > .row:after,
      #calendarjs >.clearfix:after {
        clear: both;
    }

    #calendarjs > .row,
      #calendarjs >.clearfix {
        zoom: 1;
    }

    /* Fixed panels */

    #calendarjs > .pf:after,
    .pf_r:after {
        clear: both;
    }

    #calendarjs > .pf > .pf_fix {
        float: left;
    }

    #calendarjs > .pf_r > .pf_fix {
        float: right;
    }

    #calendarjs > .pf_g55 > .pf_fix {
        width: 55px;
    }

    .pf_g55 > .pf_fluid {
        margin-left: 55px;
    }

    #calendarjs > .pf_g100 > .pf_fix {
        width: 100px;
    }

    .pf_g100 > .pf_fluid {
        margin-left: 100px;
    }

    .pf_r.pf_g100 > .pf_fluid {
        margin-right: 100px;
        margin-left: 0;
    }

    #calendarjs > .pf_g200 > .pf_fix {
        width: 200px;
    }

    .pf_g200 > .pf_fluid {
        margin-left: 200px;
    }

    .pf_r.pf_g200 > .pf_fluid {
        margin-right: 200px;
        margin-left: 0;
    }

    #calendarjs > .pf_g250 > .pf_fix {
        width: 250px;
    }

    .pf_g250 > .pf_fluid {
        margin-left: 250px;
    }

    .pf_r.pf_g250 > .pf_fluid {
        margin-right: 250px;
        margin-left: 0;
    }

    #calendarjs > .pf_g300 > .pf_fix {
        width: 300px;
    }

    .pf_g300 > .pf_fluid {
        margin-left: 300px;
    }

    .pf_r.pf_g300 > .pf_fluid {
        margin-right: 300px;
        margin-left: 0;
    }



    #calendarjs > @media only screen and (max-width: 767px) {
        .break-on-mobile.pf .pf_fix,
        .break-on-mobile.pf_r .pf_fix {
            float: none;
        }
        .break-on-mobile.pf .pf_fluid,
        .break-on-mobile.pf_r .pf_fluid {
            clear: both;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    }

    /*= Block Messages */

    #calendarjs > .msg {
        border: solid 1px #ccc;
        margin-bottom: 18px;
        background-color: #FDF5D9;
        padding: 5px;
    }

    #calendarjs > .pf.msg {
        min-height: 55px;
    }

    #calendarjs > .msg_error {
        background-color: #FDDFDE;
    }

    #calendarjs > .msg_info {
        background-color: #DDF4FB;
    }

    #calendarjs > .msg_success {
        background-color: #D1EED1;
    }

    #calendarjs > .msg .close {
        float: right;
    }

    #calendarjs > .msg_title {
        font-weight: bold;
    }

    #calendarjs > .msg_content {
        margin-bottom: 0;
    }

    #calendarjs > .msg_big .pf_fix {
        height: 50px;
        width: 55px;
        background: url('../images/icons/msg_warning.png') no-repeat 2px 2px;
    }

    #calendarjs > .msg_big .pf_fluid {
        margin-left: 60px;
    }

    #calendarjs > .msg_error .pf_fix {
        background-image: url('../images/icons/msg_error.png');
    }

    #calendarjs > .msg_info .pf_fix {
        background-image: url('../images/icons/msg_info.png');
    }

    #calendarjs > .msg_success .pf_fix {
        background-image: url('../images/icons/msg_success.png');
    }

    /* end of block messages */

    /*= Block grids */

    /*	--------------------------------------------------
	They always display as columns, even on mobile devices
	-------------------------------------------------- */

    #calendarjs > .bg2,
      #calendarjs >.bg3,
      #calendarjs >.bg4,
      #calendarjs >.bg5 {
        display: block;
        overflow: hidden;
    }

    #calendarjs > .bg2 > *,
      #calendarjs >.bg3 > *,
      #calendarjs >.bg4 > *,
      #calendarjs >.bg5 > * {
        display: block;
        height: auto;
        float: left;
        background-color: rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
    }

    #calendarjs > .bg2 {
        margin-left: -4%
    }

    #calendarjs > .bg2 > * {
        margin-left: 4%;
        width: 46%;
    }

    #calendarjs > .bg3 {
        margin-left: -2%
    }

    #calendarjs > .bg3 > * {
        margin-left: 2%;
        width: 31.3%;
    }

    #calendarjs > .bg4 {
        margin-left: -2%
    }

    #calendarjs > .bg4 > * {
        margin-left: 2%;
        width: 23%;
    }

    #calendarjs > .bg5 {
        margin-left: -1.5%
    }

    #calendarjs > .bg5 > * {
        margin-left: 1.5%;
        width: 18.5%;
    }

    #calendarjs > @media only screen and (max-width: 767px) {
        .bg2.mobile > *,
        .bg3.mobile > *,
        .bg4.mobile > *,
        .bg5.mobile > * {
            width: 98.5%;
        }

    }


    /*= DIALOGS */

    #calendarjs > .ui-widget-overlay {
        background-color: #fff;
        -moz-opacity: .70;
        filter: alpha(opacity=70);
        opacity: .70;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    #calendarjs > .ui-dialog {
        background-color: #ccc;
        padding: 20px;
    }

    #calendarjs > .dialogWrap {
        background-color: #fff;
        border: solid 1px #333;
    }

    #calendarjs > .ui-dialog-titlebar {
        height: 30px;
        position: relative;
    }

    #calendarjs > .ui-dialog-titlebar-close {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    #calendarjs > .dialogContent {
        padding: 10px;
    }

    #calendarjs > .dialogFooter {
        padding: 10px;
        background: #eee;
    }


    #calendarjs > .bt,
      #calendarjs > .bt.disabled:hover {
        background: #00a6fc;
        display: inline-block;
        text-align: center;
        padding: 9px 34px 11px;
        margin-bottom: 9px;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        line-height: 1;
        position: relative;
        cursor: pointer;
    }

    #calendarjs > .bt.full-width {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

    #calendarjs > .bt.left-align {
        text-align: left;
        text-indent: 12px;
    }

    #calendarjs > .bt:active {}

    #calendarjs > .bt:hover {
        color: #fff;
    }

    #calendarjs > .bt.disabled {
        opacity: 0.5;
        filter: alpha(opacity=50);
        cursor: not-allowed;
    }

    #calendarjs > .bt.disabled:hover {
        cursor: default;
    }

    /* Sizes ---------- */

    #calendarjs > .bt_small.bt {
        font-size: 11px;
        padding: 8px 20px 10px;
    }

    #calendarjs > .bt_large.bt {
        font-size: 18px;
        padding: 11px 48px 13px;
    }

    #calendarjs > .bt_sub,
      #calendarjs > .bt_sub.disabled:hover {
        background-color: #eee;
        color: #333;
    }

    #calendarjs > .bt_sub:hover {
        color: #333;
    }

    #calendarjs > .bt_success,
      #calendarjs > .bt_success.disabled:hover {
        background-color: #57A957;
    }

    .bt_success:hover {
        color: #fff;
    }

    #calendarjs > .bt_danger,
      #calendarjs >.bt_danger.disabled:hover {
        background-color: #C43C35;
    }

    #calendarjs > .bt_danger:hover {
        color: #fff;
    }



    /*    --------------------------------------------------
    Tabs
    -------------------------------------------------- */

    #calendarjs > dl.tabs {
        display: block;
        margin: 0 0 20px 0;
        padding: 0;
        height: 30px;
        border-bottom: solid 1px #ddd;
    }

    #calendarjs > dl.tabs dt {
        display: block;
        width: auto;
        height: 30px;
        padding: 0px 9px 0 20px;
        line-height: 30px;
        float: left;
        color: #999;
        font-size: 11px;
        text-transform: uppercase;
        cursor: default;
    }

    #calendarjs > dl.tabs dt:first-child {
        padding: 0 9px 0 0px;
    }

    #calendarjs > dl.tabs dd {
        display: block;
        width: auto;
        height: 30px;
        padding: 0;
        float: left;
    }

    #calendarjs > dl.tabs dd a {
        display: block;
        width: auto;
        height: 29px;
        padding: 0px 9px;
        line-height: 30px;
        border: solid 1px #ddd;
        margin: 0 -1px 0 0;
        color: #555;
        background: #eee;
    }

    #calendarjs > dl.tabs dd a.active {
        background: #fff;
        border-width: 1px 1px 0px 1px;
        height: 30px;
    }

    #calendarjs > .nice.tabs {
        border-bottom: solid 1px #eee;
        margin: 0 0 30px 0;
        height: 43px;
    }

    #calendarjs > .nice.tabs dd a {
        padding: 7px 18px 9px;
        font-size: 15px;
        font-size: 1.5rem;
        color: #555555;
        background: none;
        border: none;
    }

    #calendarjs > .nice.tabs dd a.active {
        font-weight: bold;
        color: #333;
        background: #fff;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        border-top: 3px solid #00a6fc;
        margin: 0 10px;
        position: relative;
        top: -5px;
    }

    #calendarjs > .nice.tabs dd:first-child a.active {
        margin-left: 0;
    }

    #calendarjs > ul.tabs-content {
        margin: 0;
        display: block;
    }

    #calendarjs > ul.tabs-content > li {
        display: none;
    }

    #calendarjs > ul.tabs-content > li.active {
        display: block;
    }

    #calendarjs > dl.contained,
    dl.nice.contained {
        margin-bottom: 0px;
    }

    #calendarjs > dl.contained.tabs dd a {
        padding: 0px 14px;
    }

    #calendarjs > dl.nice.contained.tabs dd a {
        padding: 7px 18px 9px;
    }

    #calendarjs > ul.contained.tabs-content {
        padding: 0;
    }

    #calendarjs > ul.contained.tabs-content li {
        padding: 20px;
        border: solid 0px #ddd;
        border-width: 0px 1px 1px 1px;
    }

    #calendarjs > ul.nice.contained.tabs-content li {
        border-color: #eee;
    }

    /*  --------------------------------------------------
    Pagination
    -------------------------------------------------- */

    #calendarjs > ul.pagination {
        display: block;
        height: 24px;
        margin-left: -5px;
    }

    #calendarjs > ul.pagination li {
        float: left;
        display: block;
        height: 24px;
        color: #999;
        font-size: 15px;
        margin-left: 5px;
    }

    #calendarjs > ul.pagination li a {
        display: block;
        padding: 6px 7px 4px;
        color: #555;
    }

    #calendarjs > ul.pagination li.current a,
    ul.pagination li:hover a {
        border-bottom: solid 2px #00a6fc;
        color: #141414;
    }

    #calendarjs > ul.pagination li.unavailable a {
        cursor: default;
        color: #999;
    }

    #calendarjs > ul.pagination li.unavailable:hover a {
        border-bottom: none;
    }

    /*  --------------------------------------------------
    Lists
    -------------------------------------------------- */

    #calendarjs > ul.nice,
      #calendarjs > ol.nice {
        list-style: none;
        margin: 0;
    }

    #calendarjs > ul.nice li,
     #calendarjs >  ol.nice li {
        padding-left: 30px;
        position: relative
    }

    #calendarjs > ul.nice li span.bullet,
      #calendarjs > ol.nice li span.number {
        position: absolute;
        left: 8px;
        top: 2px;
        color: #ccc;
        width: 12px;
        height: 12px;
        background-color: pink;
    }

    #calendarjs > dl dt {
        font-weight: bold;
    }

    #calendarjs > dd {
        margin-left: 1.5em;
    }

    /*	--------------------------------------------------
	Panels
	-------------------------------------------------- */

    #calendarjs > div.panel {
        padding: 20px 20px 2px 20px;
        border: solid 1px #ccc;
        margin: 0 0 20px 0;
    }

    /* -----------------------------------------
   Standard Forms
----------------------------------------- */

    #calendarjs > .fg label {
        display: block;
        cursor: pointer;
    }

    #calendarjs > .fg {
        margin-bottom: 9px;
    }

    #calendarjs > input.text,
      #calendarjs > textarea {
        border: solid 1px #ccc;
        padding: 0.41%;
    }

    #calendarjs > select {
        padding: 0.41%;
    }

    #calendarjs > input.text,
      #calendarjs > textarea,
      #calendarjs > select {
        display: block;
    }

    /* Text input and textarea font and padding */

    #calendarjs > input.text,
      #calendarjs > textarea {
        font-size: 13px;
        padding: 3px 3px 2px;
        outline: none !important;
        background: #fff;
    }

    #calendarjs > input.text.oversize,
      #calendarjs >textarea.oversize {
        font-size: 18px !important;
        padding: 4px 5px !important;
    }

    #calendarjs > input.text:focus,
    textarea:focus {
        background: #f9f9f9;
    }

    #calendarjs > input[type=file] {
        background-color: #ffffff;
        padding: initial;
        border: initial;
        line-height: initial;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;

        height: 20px;
        line-height: 20px;
    }

    #calendarjs > input.text:focus,
      #calendarjs >textarea:focus {
        outline: 0;
        border-color: #73B8EF;

        /*  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);*/
    }

    #calendarjs > input[type=file]:focus,
      #calendarjs >input.checkbox:focus,
     #calendarjs > select:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: 1px dotted #666;
    }

    #calendarjs > input[disabled],
      #calendarjs >input.text.disabled,
      #calendarjs >select[disabled],
     #calendarjs > select.text.disabled,
     #calendarjs > textarea[disabled],
     #calendarjs > textarea.text.disabled {
        cursor: not-allowed;

        background-color: #F5F5F5;
        border-color: #DDDDDD;
        cursor: not-allowed;
    }

    #calendarjs > .fg_error input:focus,
      #calendarjs >.fg_error textarea:focus {
        border-color: #b9554d;
        -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
        -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
        box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
    }

    /* Inlined Label Style */

    #calendarjs > input.placeholder,
      #calendarjs >textarea.placeholder {
        color: #d5d3d3;
    }

    input::-webkit-input-placeholder {
        color: #d5d3d3;
    }

    input:-moz-placeholder {
        color: #d5d3d3;
    }

    /* Text input and textarea sizes */

    #calendarjs > input.text,
      #calendarjs >textarea {
        width: 51.5%;
    }

    #calendarjs > input.small,
     #calendarjs > textarea.small {
        width: 25%;
    }

    #calendarjs > input.large,
      #calendarjs >textarea.large {
        width: 96%;
    }

    #calendarjs > select {
        width: 52.8%;
    }

    #calendarjs > select.small {
        width: 26.5%;
    }

    #calendarjs > select.large {
        width: 97.2%;
    }

    /* Fieldsets */

    #calendarjs > form fieldset {
        padding: 9px 9px 2px 9px;
        border: solid 1px #ddd;
        margin: 18px 0;
    }

    /* Inlined Radio & Checkbox */

    #calendarjs > .fg input.radio,
      #calendarjs > .fg input.checkbox {
        display: inline;
        width: auto;
        margin-bottom: 0;
        cursor: pointer;
    }

    #calendarjs > .fg small {
        display: block;
        font-size: 11px;
    }

    /* Errors */

    #calendarjs > div.fg_error input,
      #calendarjs > div.fg_error textarea {
        border-color: red;
        background-color: #FFD9D9;
    }

    #calendarjs > div.fg_error select {
        background-color: #FFD9D9;
    }

    #calendarjs > div.fg_error label {
        color: #9D261D;
    }

    #calendarjs > div.fg_error.radioGroup .options,
      #calendarjs >div.fg_error.checkboxGroup .options {
        border: solid 1px #c87872;
    }

    #calendarjs > div.fg_error.radioGroup .option label,
      #calendarjs > div.fg_error.checkboxGroup .option label {
        color: #000;
    }

    #calendarjs > div.fg_error small {
        color: #9D261D;
    }

    #calendarjs > .small + small.error {
        width: 140px;
    }

    #calendarjs > .medium + small.error {
        width: 260px;
    }

    #calendarjs > .large + small.error {
        width: 440px;
    }

    #calendarjs > .radioGroup .option,
    .checkboxGroup,
    .checkboxGroup .option {
        clear: both;
        min-height: 20px;
    }

    #calendarjs > .radioGroup .options input.radio {
        clear: both;
        float: left;
        margin-top: 2px;
    }

    #calendarjs > .radioGroup .options label {
        padding-left: 5px;
        float: left;
    }

    #calendarjs > .checkboxGroup input.checkbox {
        float: left;
        margin-top: 2px;
    }

    #calendarjs > .checkboxGroup label {
        padding-right: 5px;
        float: left;
    }

    #calendarjs > .checkboxGroup input.checkbox + label {
        padding-left: 5px;
        padding-right: 0;
    }

    /* Inline/Horizontal forms */

    #calendarjs > .fh .fg {
        float: left;
        padding-right: 5px;
    }

    #calendarjs > .fh label {
        float: left;
        padding-right: 5px;
        padding-top: 4px;
    }

    #calendarjs > .fh input.text,
      #calendarjs >.fh select,
      #calendarjs >.fh textarea {
        float: left;
        width: 100px;
    }

    #calendarjs > .fh select {
        margin-top: 4px;
    }

    /* to render select in ff/windows */

    #calendarjs > .fh .options {
        float: left;
    }

    #calendarjs > .fh .option {
        float: left;
        clear: none;
        margin-right: 20px;
    }

   #calendarjs > .fh .option input.checkbox,
      #calendarjs >.fh .option input.radio {
        margin-top: 6px;
    }

    #calendarjs > @media only screen and (max-width: 767px) {
        div.form-field input,
        div.form-field input.small,
        div.form-field input.medium,
        div.form-field input.large,
        div.form-field input.oversize,
        input.text,
        input.text.oversize,
        textarea,
        select {
            display: block;
            width: 96%;
            padding: 6px 2% 4px;
            font-size: 18px;
        }

        #calendarjs > select,
        #calendarjs > select.large,
        #calendarjs > select.small {
            width: 100%;
            padding-left: 0.41%;
        }

        /* Buttons */
        .bt {
            display: block;
        }
        #calendarjs > button.bt {
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
        }
    }

    /* --------------------------------------------------
	:: Grid
	-------------------------------------------------- */

    #calendarjs > .fixContainer {
        width: 980px;
    }


    /* Tablet screens */

    #calendarjs > @media only screen and (device-width: 768px),
    (device-width: 800px) {
        /* Currently unused */
    }


    /* Mobile */

    #calendarjs > @media only screen and (max-width: 767px) {
        #calendarjs > body {
            -webkit-text-size-adjust: none;
        }

        #calendarjs > .container .row,
         #calendarjs > body,
         #calendarjs > .container {
            width: 100%;
            min-width: 0;
            margin-left: 0px;
            margin-right: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }
        #calendarjs > .container .row .row .g1,
        .container .row .row .g2,
        .container .row .row .g3,
        #calendarjs > .container .row .row .g4,
        .container .row .row .g5,
        .container .row .row .g6,
        #calendarjs > .container .row .row .g7,
        .container .row .row .g8,
        .container .row .row .g9,
        #calendarjs > .container .row .row .g10,
        .container .row .row .g11,
        .container .row .row .g12 {
            padding: 0;
        }

        #calendarjs > .container .g1,
        #calendarjs > .container .g2,
        #calendarjs > .container .g3,
        #calendarjs > .container .g4,
        #calendarjs > .container .g5,
        #calendarjs > .container .g6,
        #calendarjs > .container .g7,
        #calendarjs > .container .g8,
         #calendarjs >.container .g9,
         #calendarjs >.container .g10,
         #calendarjs >.container .g11,
         #calendarjs >.container .g12 {
            width: auto !important;
            float: none;
            margin-left: 0px;
            margin-right: 0px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .container .g1:last-child,
        .container .g2:last-child,
        .container .g3:last-child,
        .container .g4:last-child,
        .container .g5:last-child,
        .container .g6:last-child,
        .container .g7:last-child,
        .container .g8:last-child,
        .container .g9:last-child,
        .container .g10:last-child,
        .container .g11:last-child,
        .container .g12:last-child {
            margin-right: 0px;
        }


    }


    /* --------------------------------------------------
	:: Mobile Visibility Affordances
---------------------------------------------------*/

    #calendarjs > .show-on-phones {
        display: none !important;
    }

    #calendarjs > .show-on-tablets {
        display: none !important;
    }

    #calendarjs > .show-on-desktops {
        display: block;
    }

    #calendarjs > .hide-on-phones {
        display: block !important;
    }

    #calendarjs > .hide-on-tablets {
        display: block !important;
    }

    #calendarjs > .hide-on-desktops {
        display: none;
    }


    #calendarjs > @media only screen and (device-width: 768px),
    only screen and (device-width: 1280px),
    only screen and (device-width: 800px) {
        .hide-on-phones {
            display: block !important;
        }
        .hide-on-tablets {
            display: none !important;
        }
        .hide-on-desktops {
            display: block !important;
        }

        .show-on-phones {
            display: none !important;
        }
        .show-on-tablets {
            display: block !important;
        }
        .show-on-desktops {
            display: none !important;
        }
    }

    #calendarjs > @media only screen and (max-width: 767px) {
        .hide-on-phones {
            display: none !important;
        }
        .hide-on-tablets {
            display: block !important;
        }
        .hide-on-desktops {
            display: block !important;
        }

        .show-on-phones {
            display: block !important;
        }
        .show-on-tablets {
            display: none !important;
        }
        .show-on-desktops {
            display: none !important;
        }
    }





    /* --------------------------------------------------
	:: UI
---------------------------------------------------*/

    /*= Tabs */

    @media only screen and (max-width: 767px) {

        #calendarjs > dl.tabs.mobile {
            width: auto;
            margin: 20px -20px 40px;
            height: auto;
        }
        #calendarjs > dl.tabs.mobile dt,
        dl.tabs.mobile dd {
            float: none;
            height: auto;
        }

        #calendarjs > dl.tabs.mobile dd a {
            display: block;
            width: auto;
            height: auto;
            padding: 18px 20px;
            line-height: 1;
            border: solid 0px #ccc;
            border-width: 1px 0px 0px;
            margin: 0;
            color: #555;
            background: #eee;
            font-size: 15px;
            font-size: 1.5rem;
        }
        #calendarjs > dl.tabs.mobile dd a.active {
            height: auto;
            margin: 0;
            border-width: 1px 0px 0px;
        }


        #calendarjs > dl.contained.mobile,
        #calendarjs > dl.nice.contained.mobile {
            margin-bottom: 0px;
        }
        #calendarjs > dl.contained.tabs.mobile dd a {
            padding: 18px 20px;
        }
    }

    /*= BreadCrumbs */

    #calendarjs > #breadcrumb div,
    #calendarjs > #breadcrumb span {
        float: left;
        margin-right: 5px;
    }

    /*= Pagination */

    #calendarjs > .pagination li {
        float: left;
        border: solid 1px #ccc;
        margin-right: 3px;
    }

    #calendarjs > .pagination .active {
        background-color: #ccc;
    }

    #calendarjs > .pagination .active a {
        color: #333;
        cursor: default;
    }

    #calendarjs > .pagination .disabled a {
        color: #ccc;
        cursor: default;
    }

    .pagination a {
        display: block;
        padding: 0 15px;
        line-height: 35px;
    }

    #calendarjs > .pagination .next {
        margin-right: 0;
    }

    /*= Tooltips */

    #calendarjs > .tooltip {
        display: none;
        z-index: 99;
    }

    #calendarjs > .tooltip_content {
        background: #000;
        color: #fff;
        margin-bottom: 5px;
        padding: 3px 5px;
        border-radius: 3px;
    }

    #calendarjs > .tooltip .arrow {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000000;
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        height: 0;
        width: 0;
        position: absolute;

    }

    #calendarjs > .tooltip.bottom .tooltip_content {
        margin-bottom: 0;
        margin-top: 5px;
    }

    #calendarjs > .tooltip.bottom .arrow {
        top: 0;
        bottom: auto;
        border-top-width: 0;
        border-bottom: 5px solid #000000;
    }

    #calendarjs > .tooltip .close {
        float: right;
    }


    /*= Misc */

    #calendarjs > .fl {
        float: left;
    }

    #calendarjs > .fr {
        float: right;
    }

    #calendarjs > .hidden {
        display: none;
    }

    #calendarjs > .nm {
        margin: 0;
    }

    #calendarjs > .cb {
        clear: both;
    }

    #calendarjs > .db {
        display: block;
    }

    #calendarjs > .oh {
        overflow: hidden;
    }

    #calendarjs > .i {
        font-style: italic;
    }

    #calendarjs > .u {
        text-decoration: underline;
    }

    #calendarjs > .ac {
        text-align: center;
    }