﻿/*!
 * Bootstrap v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

ul,
ol
{
    padding: 0;
    margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul
{
    margin-bottom: 0;
}

li
{
    line-height: 20px;
}

ul.unstyled,
ol.unstyled
{
    margin-left: 0;
    list-style: none;
}

ul.inline,
ol.inline
{
    margin-left: 0;
    list-style: none;
}

ul.inline > li,
ol.inline > li
{
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

dl
{
    margin-bottom: 20px;
}

dt,
dd
{
    line-height: 20px;
}

dt
{
    font-weight: bold;
}

dd
{
    margin-left: 10px;
}

.dl-horizontal
{
    *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after
{
    display: table;
    line-height: 0;
    content: "";
}

.dl-horizontal:after
{
    clear: both;
}

.dl-horizontal dt
{
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dl-horizontal dd
{
    margin-left: 180px;
}


.dropup,
.dropdown
{
    position: relative;
}

.dropdown-toggle
{
    *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle
{
    outline: 0;
}

.caret
{
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.dropdown .caret
{
    margin-top: 8px;
    margin-left: 2px;
}

.dropdown-menu
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dropdown-menu.pull-right
{
    right: 0;
    left: auto;
}

.dropdown-menu .divider
{
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}

.dropdown-menu li > a
{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a
{
    color: #ffffff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover
{
    color: #ffffff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover
{
    color: #999999;
}

.dropdown-menu .disabled > a:hover
{
    text-decoration: none;
    cursor: default;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open
{
    *z-index: 1000;
}

.open > .dropdown-menu
{
    display: block;
}

.pull-right > .dropdown-menu
{
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret
{
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu
{
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dropdown-submenu
{
    position: relative;
}

.dropdown-submenu > .dropdown-menu
{
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu
{
    display: block;
}

.dropup .dropdown-submenu > .dropdown-menu
{
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after
{
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.dropdown-submenu:hover > a:after
{
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left
{
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu
{
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header
{
    padding-right: 20px;
    padding-left: 20px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled]
{
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link
{
    color: #0088cc;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-link:hover
{
    color: #005580;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover
{
    color: #333333;
    text-decoration: none;
}

.btn-group
{
    position: relative;
    display: inline-block;
    *display: inline;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    *zoom: 1;
}

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

.btn-group + .btn-group
{
    margin-left: 5px;
}

.btn-toolbar
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group
{
    margin-left: 5px;
}

.btn-group > .btn
{
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group > .btn + .btn
{
    margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover
{
    font-size: 14px;
}

.btn-group > .btn-mini
{
    font-size: 10.5px;
}

.btn-group > .btn-small
{
    font-size: 11.9px;
}

.btn-group > .btn-large
{
    font-size: 17.5px;
}

.btn-group > .btn:first-child
{
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle
{
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child
{
    margin-left: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle
{
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active
{
    z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle
{
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle
{
    *padding-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    padding-left: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle
{
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle
{
    *padding-top: 5px;
    *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle
{
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle
{
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle
{
    background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle
{
    background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle
{
    background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle
{
    background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle
{
    background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle
{
    background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle
{
    background-color: #222222;
}

.btn .caret
{
    margin-top: 8px;
    margin-left: 0;
}

.btn-mini .caret,
.btn-small .caret,
.btn-large .caret
{
    margin-top: 6px;
}

.btn-large .caret
{
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
}

.dropup .btn-large .caret
{
    border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret
{
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.btn-group-vertical
{
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
}

.btn-group-vertical > .btn
{
    display: block;
    float: none;
    max-width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group-vertical > .btn + .btn
{
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical > .btn:first-child
{
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.btn-group-vertical > .btn:last-child
{
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.btn-group-vertical > .btn-large:first-child
{
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.btn-group-vertical > .btn-large:last-child
{
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}


html
{
    background: #000000 url('/public/images/body-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body
{
    /*background: #000 url('/public/images/body-bg.jpg') no-repeat top center;*/
    margin: 0;
    padding: 0;
    color: #222;
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
}

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

td, th, iframe
{
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: #000;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6,
h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited,
h4 a, h4 a:link, h4 a:visited,
h5 a, h5 a:link, h5 a:visited,
h6 a, h6 a:link, h6 a:visited
{ /* headline links color*/
    color: #000;
}

a,
a:visited,
h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active,
h5 a:hover, h5 a:active,
h6 a:hover, h6 a:active
{
    color: #3D6EC8;
}

a.btn, .bs a.btn, button.btn, .bs button.btn, .btn, .bs .btn
{
    line-height: 1.2em;
    vertical-align: top;
}

a:hover,
a:active
{ /* General links color on mouse hover */
    color: #CC33CC;
}

a, a:visited
{
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
}

a > img
{
    border: 0;
}

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

h1
{
    font-size: 24px;
}

h2
{
    font-size: 20px;
}

h3
{
    font-size: 18px;
}

h4
{
    font-size: 16px;
}

h5
{
    font-size: 14px;
}

h6
{
    font-size: 12px;
}

h2 .header-link a:hover
{
    color: #CC33CC;
}

.colr-pink
{
    color: #ff00c8 !important;
}

.colr
{
    color: #8d3ad2 !important;
}

.colr-purple
{
    color: #8d3ad2 !important;
}

h1.schedule-header
{
    color: #8d3ad2;
    font-size: 26px;
    margin: 10px 0 30px;
    line-height: 1;
}

h1.schedule-header .first-word
{
    font-weight: normal;
}

h1.schedule-header .schedule-sub-header
{
    color: #333;
    font-size: 18px;
}

.back-transparent-white
{
    background: url('/public/images/fff90.png') repeat;
    background: rgba(255, 255, 255, 0.9);
}
/* ----------------------------------------- */

#header
{
    margin-top: 60px;
    position: relative;
}

#logo
{
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 50;
}

#logo img
{
    max-width: 100%;
}

#navigation
{
    float: right;
    width: 695px;
}

#navigation img
{
    max-width: 100%;
}

#navigation > ul
{
    float: right;
}

#navigation ul
{
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 999;
    list-style: none;
    padding: 0;
}

#navigation ul ul
{
    margin: 0;
    list-style: none;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 0px;
    margin-top: 0px;
    z-index: 999;
}

#navigation > ul > li
{
    margin-left: 8px;
}

#navigation ul li
{
    float: left;
    display: block;
    position: relative;
}

#navigation ul ul li
{
    width: 100%;
    display: block;
}

#navigation > ul > li > a
{
    height: 30px;
}

/* Root Menu */
#navigation ul a
{
    background: #000;
    background: rgba(0,0,0,0.2);
    color: white;
    padding: 3px 7px;
    text-align: center;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    line-height: 30px;
}

#navigation ul li:hover > a
{
    background: #00aef0;
}


/* 2nd Menu */
#navigation ul li:hover li a, #navigation ul li.iehover li a
{
    float: none;
    text-align: left;
    background: #00aef0;
}

#navigation ul li:hover li:hover > a
{
    background: #ff00c8;
}

/* Hover Function - Keep these at the bottom guys! */
#navigation ul li:hover ul ul, #navigation ul li:hover ul ul ul, #navigation ul li:hover ul ul ul ul, #navigation ul li.iehover ul ul, #navigation ul li.iehover ul ul ul, #navigation ul li.iehover ul ul ul ul
{
    display: none;
}

#navigation ul li:hover ul, #navigation ul ul li:hover ul, #navigation ul ul ul li:hover ul, #navigation ul ul ul ul li:hover ul, #navigation ul li.iehover ul, #navigation ul ul li.iehover ul, #navigation ul ul ul li.iehover ul, #navigation ul ul ul ul li.iehover ul
{
    display: block;
}

#banner-wrapper
{
    z-index: 40;
    margin: 10px 0;
    padding: 5px;
    position: relative;
}

#banner-prev, #banner-next
{
    position: absolute;
    top: 180px;
    opacity: 0.5;
    background: black;
    color: white;
    font-size: 24px;
    padding: 5px 10px;
}

#banner-prev:hover, #banner-next:hover
{
    opacity: 0.8;
}

#banner-prev
{
    left: 10px;
}

#banner-next
{
    right: 10px;
}


#banner a
{
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    height: 400px;
}

#banner a img
{
}

#banner img
{
    border: 0px;
    max-width: 100%;
}

/* -----------------------------------------------         */


#wrapper
{
    margin: 0 auto 82px auto;
    width: 990px;
}

#content-wrapper
{
    padding-top: 10px;
}

#content-column
{
    width: 722px;
    float: right;
}

#content
{
    /*min-height: 1695px;*/
}

/* Footer
================================================== */
.white
{
    color: #FFF !important;
}

.left
{
    float: left !important;
}

.right
{
    float: right !important;
}

#footer
{
    width: 100%;
    float: left;
    background: #262626;
    margin-top: 20px;
}

#footer .button
{
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    line-height: normal;
    box-shadow: 0px 0px 3px #b4b4b4;
    height: auto;
    display: inline-block;
    padding: 4px 15px 4px 15px;
    font-size: 14px;
    color: #4c4c4c !important;
    text-transform: uppercase;
    background: #eaeaea;
    text-shadow: 1px 1px #fff;
    font-family: 'Oswald', sans-serif;
    vertical-align: middle;
    margin: 0;
}

#footer .button:hover
{
    color: #222;
    background: #ddd; /* Old browsers */
    background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
    background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
    background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
    background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
    background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
    background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
}

#footer .button:active
{
    background: #ccc; /* Old browsers */
    background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
    background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
    background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
    background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
    background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
    background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */
}

#footer .backcolr
{
    background-color: #d5da2b !important;
}

#footer p
{
    margin: 0;
}

#footer h5, #footer h6
{
    text-transform: uppercase;
}

#footer .foot-top
{
    width: 100%;
    padding: 10px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#footer .logo-foot
{
    float: left;
    padding: 10px 20px 0px 10px;
    border-right: #4b4b4b dotted 1px;
}

#footer .links-foot
{
    float: left;
    padding: 30px 0px 0px 20px;
}

.links-foot ul
{
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.links-foot ul li
{
    float: left;
    padding: 0px 9px;
    background: url(/public/images/sep2.png) no-repeat left;
}

.links-foot ul li:first-child
{
    padding-left: 0px;
    background: none;
}

.links-foot ul li a
{
    float: left;
    color: #FFF;
    font-size: 11px;
    text-shadow: 1px 1px #000;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

#footer .newsletter
{
    float: right;
    height: 41px;
    padding-top: 19px;
    padding-left: 20px;
    border-left: #4b4b4b dotted 1px;
}

#footer .newsletter h5
{
    float: left;
    padding: 5px 10px 0px 0px;
}

#footer .newsletter ul
{
    list-style: none;
    margin: 0;
    float: left;
    width: 205px;
    height: 25px;
    padding: 3px;
    background: #0c0c0c;
    border: #1f1f1f solid 1px;
    box-shadow: inset 0px 0px 4px #000;
    border-radius: 4px;
    overflow: hidden;
}

#footer .newsletter ul li
{
    float: left;
}

#footer .newsletter ul li input.bar
{
    color: #777;
    float: left;
    width: 140px;
    height: 25px;
    border: none;
    padding: 0px;
    font-size: 11px;
    background: transparent;
    box-shadow: none;
}

#footer .newsletter ul li button
{
    box-shadow: none;
    border: none;
    height: 25px;
    padding: 0px 10px;
    font-size: 11px;
    color: #181818 !important;
    text-shadow: none;
}

#footer .foot-bottom
{
    width: 100%;
    float: left;
    background: #181818;
}

.copyrights
{
    float: left;
    padding: 0px 0px 0px 10px;
}

.copyrights p
{
    color: #777777;
    line-height: 40px;
}

.copyrights a
{
    color: white;
}

.followus-top
{
    float: right;
}

.followus-top a.top
{
    float: right;
    width: 28px;
    height: 21px;
    padding: 23px 0px 0px 12px;
    font-size: 10px;
    color: #4c4c4c;
    font-family: 'Oswald', sans-serif;
    background: url(/public/images/gotop.png) no-repeat #0c0c0c;
}

.followus-top a.top:hover
{
    color: #cacccc;
    background: url(/public/images/gotop.png) no-repeat bottom #0c0c0c;
}

.followus-top ul
{
    float: right;
    padding: 11px 10px 0px 0px;
    list-style: none;
    margin: 0;
}

.followus-top ul li
{
    float: left;
    padding-left: 8px;
}

.followus-top ul li h6
{
    padding-top: 1px;
}

.followus-top ul li a
{
    float: left;
    display: inline-block;
}

.followus-top ul li a.facebook
{
    width: 17px;
    height: 18px;
    background: url(/public/images/social-fb.png) no-repeat top;
}

.followus-top ul li a.twitter
{
    width: 17px;
    height: 18px;
    background: url(/public/images/social-twitter.png) no-repeat top;
}

.followus-top ul li a.vimeo
{
    width: 17px;
    height: 18px;
    background: url(/public/images/social-vimeo.png) no-repeat top;
}

.followus-top ul li a.amazon
{
    width: 18px;
    height: 18px;
    background: url(/public/images/social-amazon.png) no-repeat top;
}

.followus-top ul li a.apple
{
    width: 18px;
    height: 18px;
    background: url(/public/images/social-apple.png) no-repeat top;
}

.followus-top ul li a.grooveshark
{
    width: 19px;
    height: 18px;
    background: url(/public/images/social-grooveshark.png) no-repeat top;
}

.followus-top ul li a.soundcloud
{
    width: 28px;
    height: 18px;
    background: url(/public/images/social-soundcloud.png) no-repeat top;
}

.followus-top ul li a:hover
{
    background-position: bottom;
}

.sidebar
{
    color: #ffffff;
    width: 251px;
    float: left;
}

.sidebar .section
{
    padding: 10px 15px 30px;
    margin-top: 25px;
}

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

.section-wrapper.no-top-margin
{
    margin-top: 0px;
}

.section-header
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.section-header span
{
    text-transform: none;
}

.section-content
{
    margin-top: 5px;
    padding: 10px 15px;
}

.facebook-fan-page, .store-ad, .instagram
{
    margin-top: 20px;
}

.facebook-fan-page iframe
{
    background: #ffffff;
}

.instagram img
{
    max-width: 100%;
}

#instagram-slider-wrapper
{
    width: 251px;
    height: 251px;
}

#instagram-slider
{
}

.fb-like-box
{
    background: #ffffff;
    margin-top: 5px;
}


.events
{
    margin-top: 5px;
}

#eventsDiv
{
    width: 251px;
    text-align: center;
    font-size: 18px;
    padding: 5px 0;
    line-height: 1.2em;
}

#eventsDiv div
{
    color: #ff00c8;
}

#eventsDiv .event-type
{
    color: #000000;
    font-weight: bold;
}

.events-scroller ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.events-scroller li
{
    margin: 0;
    padding: 0;
}

.section-header a
{
    color: #ffffff;
}

#loginDiv
{
    margin-top: 20px;
    font-weight: bold;
    text-align: left;
}

#loginDiv span
{
    text-transform: none;
}

#loginDiv .section-details, .section-wrapper .section-details
{
    width: 237px;
    padding: 7px;
    font-weight: bold;
}

#loginDiv .login-box
{
    width: 241px;
    padding: 10px 5px;
    margin-top: 5px;
    text-align: right;
    color: #444;
}

#loginDiv input[type="text"], #loginDiv input[type="password"]
{
    border-style: hidden;
    border-width: 0px;
    color: #ffffff;
    background-color: #000000;
    height: 25px;
    margin-bottom: 10px;
    width: 207px;
    font-size: 14px;
    padding: 5px 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

td.user-info
{
    vertical-align: top;
    text-align: left;
}

td.user-info .user-name
{
    font-size: 20px;
    color: #ff00c8;
}

td.user-info .studio-name
{
    color: #000000;
    font-size: 12px;
}

td.user-logo
{
    vertical-align: top;
    text-align: right;
    padding-left: 5px;
}

.greeting
{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}

.greeting .studio-name
{
    color: #8d3ad2;
    font-weight: normal;
}

.studio-center-link
{
    vertical-align: bottom;
    padding-top: 10px;
}

.studio-center-link a
{
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

.studio-center-link a:hover
{
    color: #CC33CC;
}

#newsletter
{
    font-weight: bold;
    font-size: 14px;
}

.clear
{
    clear: both;
}

.content
{
    vertical-align: top;
    text-align: left;
    padding: 10px 20px;
}

table.newsletter
{
    margin: 12px 0 12px 0;
    color: #ffffff;
}

table.newsletter input[type=text]
{
    padding: 7px 17px;
    width: 210px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    margin-right: 14px;
}

.banner
{
    position: relative;
    height: 182px;
    margin-bottom: 12px;
    width: 100%;
}

table.events-list
{
    width: 100%;
    table-layout: fixed;
    margin: 10px auto 0 auto;
}

table.events-list td
{
    padding: 0 10px 20px 10px;
}

table.events-list td.date-column
{
    text-align: right;
    vertical-align: top;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    color: #000;
    letter-spacing: 1px;
    background: url(/images/events-vsep.png) right top no-repeat;
    width: 200px;
}

table.events-list td.details-column span.event-city
{
    color: #8e39cf;
    font-weight: bold;
    font-size: 15px;
}

table.events-list td.details-column span.event-location
{
    color: #ff00c8;
    font-weight: bold;
}

/*----------------------------------------------------------------------*/
/* Navigation
/*----------------------------------------------------------------------*/
header, footer, nav, section
{
    display: block;
}

#adminMenuDiv
{
    margin-top: 20px;
}

nav
{
    border-right: 0px solid;
    border-left: 1px solid;
    padding: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
}

nav a
{
    text-decoration: none;
}

nav ul
{
    margin: 0;
    padding: 0;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

nav ul li
{
    list-style: none;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: -9999px;
}

nav ul li a
{
    display: block;
    padding-right: 0;
}

nav ul li a > span
{
    padding: 12px 40px 11px;
    font-size: 14px;
    display: block;
    border: 1px solid;
    border-left: 0;
    border-right: 0;
    background-repeat: no-repeat;
    background-position: 12px 10px;
    white-space: nowrap;
}

nav ul li a:hover
{
    text-decoration: none;
    cursor: pointer;
    padding-right: 0px;
}

nav ul li a:active, nav ul li a.active
{
    padding-right: 0px;
    padding-bottom: 0px;
    background-repeat: repeat-x;
    background-position: left center;
    filter: none;
}

nav ul li a:active > span, nav ul li a.active > span
{
    border-bottom: 0;
    padding: 12px 40px 12px;
}

nav ul li ul
{
    border: 0;
    margin-right: 10px;
    margin-left: 10px;
    display: none;
    margin-bottom: 10px;
}

nav ul li ul li:first-child a
{
}

nav ul li ul li:last-child, nav ul li ul li:last-child a, nav ul li ul li:last-child a > span
{
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

nav ul li ul li
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

nav ul li ul li a
{
    padding-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

nav ul li ul li a > span
{
    border: 0;
    font-size: 12px;
    line-height: 12px;
    border-top: 1px solid #ddd;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    background-position: -9999px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

nav ul li ul li:first-child a > span
{
}

nav ul li ul li a:active, nav ul li ul li a.active
{
}

nav ul li ul li a:active > span, nav ul li ul li a.active > span
{
    background-position: -9999px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
}

nav
{
    border-right-color: #e1e1e1 !important;
    border-left-color: #e1e1e1;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

nav ul
{
    border-top-color: #e1e1e1;
    background-color: #2e2e33;
}

nav ul li
{
    background-image: none !important;
}

nav ul li a
{
    background: #f1f1f1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8');
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8));
    background: -moz-linear-gradient(top, #f1f1f1, #e8e8e8);
    background: -o-linear-gradient(top, #f1f1f1, #e8e8e8);
}

nav ul li a:hover
{
    background: #f6f6f6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1));
    background: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
    background: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
}

nav ul li a > span
{
    color: #353535;
    text-shadow: 0px 1px 0 #ffffff;
    border-color: #ffffff #f7f7f7 #dddddd #f7f7f7;
    position: relative;
}

nav ul li a:active, nav ul li a.active
{
    background-image: url(images/nav_active.png);
    background-repeat: repeat-x;
    background-color: #bada55;
    background-position: left center;
    filter: none;
}

nav ul li a:active > span, nav ul li a.active > span
{
    color: #ffffff;
    text-shadow: 0px -1px 0 rgba(0,0,0,0.3);
}
/*

nav ul li ul
{
    border-bottom-color: #dddddd;
}
*/

nav ul li ul li
{
    background-image: none !important;
}

nav ul li ul li a
{
}

nav ul li ul li a span
{
    border-top-color: #dddddd;
    background-image: none !important;
}

.events-grid
{
    width: 100%;
    margin: 0;
    margin-bottom: 18px;
    padding: 0;
    font-size: 13px;
    border-collapse: collapse;
}

.events-grid th, .events-grid td
{
    /*padding: 10px 10px 9px;*/
    padding: 5px 5px 4px;
    line-height: 18px;
    text-align: left;
}

.events-grid th
{
    padding-top: 9px;
    font-weight: bold;
    vertical-align: middle;
}

.events-grid td
{
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.events-grid tbody th
{
    border-top: 1px solid #ddd;
    vertical-align: top;
}

.bordered-table
{
    border: 1px solid #ddd;
    border-collapse: separate; /**border-collapse: collapse;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bordered-table th + th, .bordered-table td + td, .bordered-table th + td
{
    border-left: 1px solid #ddd;
}

.bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child
{
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}

.bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child
{
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

.bordered-table tbody tr:last-child td:first-child
{
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

.bordered-table tbody tr:last-child td:last-child
{
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}

.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th
{
    background-color: #f9f9f9;
}

.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th
{
    background-color: #f5f5f5;
}

.btn.danger, .alert-message.danger, .btn.danger:hover, .alert-message.danger:hover, .btn.error, .alert-message.error, .btn.error:hover, .alert-message.error:hover, .btn.success, .alert-message.success, .btn.success:hover, .alert-message.success:hover, .btn.info, .alert-message.info, .btn.info:hover, .alert-message.info:hover
{
    color: #ffffff;
}

.btn .close, .alert-message .close
{
    font-family: Arial,sans-serif;
    line-height: 18px;
}

.btn.danger, .alert-message.danger, .btn.error, .alert-message.error
{
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn.success, .alert-message.success
{
    background-color: #57a957;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -ms-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(top, #62c462, #57a957);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #57a957 #57a957 #3d773d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn.info, .alert-message.info
{
    background-color: #339bb9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #339bb9 #339bb9 #22697d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn
{
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    padding: 5px 14px 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.btn:hover
{
    background-position: 0 -15px;
    color: #333;
    text-decoration: none;
}

.btn:focus
{
    outline: 1px dotted #666;
}

.btn.primary
{
    color: #ffffff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn.active, .btn:active
{
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled
{
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn[disabled]
{
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn.large
{
    font-size: 15px;
    line-height: normal;
    padding: 9px 14px 9px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn.small, .btn-small, .btn.btn-small
{
    padding: 7px 9px 7px;
    font-size: 11px;
}

:root .alert-message, :root .btn
{
    border-radius: 0 \0;
}

button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner
{
    padding: 0;
    border: 0;
}

.highlight, table.events-list td.details-column .event-details a:hover
{
    background-color: #ff00c8;
    cursor: pointer;
    color: #ffffff !important;
    padding: 3px 0px 3px 0px;
}

table.events-list td.details-column a.highlight span.event-city, table.events-list td.details-column a:hover span.event-city, table.events-list td.details-column a.highlight span.event-location, table.events-list td.details-column a:hover span.event-location
{
    color: #ffffff;
}

.rules h1
{
    background-color: black;
    color: white;
    padding: 10px 20px;
}

.rules h2
{
    color: #ff00c8;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    padding: 20px 0 0 0;
}

.rules h3
{
    color: #2dc9f8;
    font-weight: normal;
    text-align: center;
}

.rules p
{
    padding-left: 20px;
}

.sponsors
{
    margin: 10px 0;
}

.sponsor-title, .news-title
{
    font-size: 14px;
    font-weight: bold;
}

.sponsor-banner
{
    margin: 0 auto;
    width: 449px;
}

.news-block
{
    width: 48%;
    float: left;
    margin-right: 10px;
}

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

.pager
{
    margin: 30px 0 10px;
}

.social .fb-like
{
    float: left;
    width: auto;
    width: 80px;
    overflow: hidden;
}

.social .tweet
{
    float: left;
    margin-left: 20px;
}

.routines table
{
    background-color: #f3f3f3;
    margin: 10px 0 0 0;
}

.routines table, .routines table td, .routines table th
{
    border-color: #DDDDDD #E7E7E7;
}

.routines table td, .routines table th
{
    padding: 5px 10px;
}

.routines table thead tr, .routines table tfoot tr, .routines table th
{
    background-color: #f9f9f9;
}

.modernpager tr table
{
    border-width: 0px;
    background-color: #f0f0f0;
}

table .modernpager td
{
    background-color: #ffffff;
    padding: 0px;
    border: 0;
}

.modernpager > td > table
{
    margin: 10px auto 0 auto;
    width: auto;
}

.actions
{
    text-align: center;
    margin: 10px 0;
}

.modernpager a, .modernpager span
{
    padding: 8px;
    margin: 4px;
    border: #aaaaaa 1px solid;
    border-radius: 5px;
    display: block;
}

.modernpager a
{
    color: #6f6f6f;
    background-color: #dddddd;
}

/*.moderntable table, .moderntable table tr
{
    border: #dddddd 1px solid;
}*/
.tabs, .pills
{
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
    zoom: 1;
}

.tabs:before, .pills:before, .tabs:after, .pills:after
{
    display: table;
    content: "";
    zoom: 1;
}

.tabs:after, .pills:after
{
    clear: both;
}

.tabs > li, .pills > li
{
    float: left;
}

.tabs > li > a, .pills > li > a
{
    display: block;
}

.tabs
{
    border-color: #ddd;
    border-style: solid;
    border-width: 0 0 1px;
}

.tabs > li
{
    position: relative;
    margin-bottom: -1px;
}

.tabs > li > a
{
    padding: 0 15px;
    margin-right: 2px;
    line-height: 34px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.tabs > li > a:hover
{
    text-decoration: none;
    background-color: #eee;
    border-color: #eee #eee #ddd;
}

.tabs .active > a, .tabs .active > a:hover
{
    color: #808080;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.tabs .menu-dropdown, .tabs .dropdown-menu
{
    top: 35px;
    border-width: 1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.tabs a.menu:after, .tabs .dropdown-toggle:after
{
    border-top-color: #999;
    margin-top: 15px;
    margin-left: 5px;
}

.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle
{
    border-color: #999;
}

.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after
{
    border-top-color: #555;
}

.tabs-content .tab
{
    display: none;
}

.tabs-content .tab.active
{
    display: block;
}

.nationals
{
    text-align: center;
    font-size: 16px;
}

.nationals h1
{
    color: #000000;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
}

.nationals h2
{
    color: #000000;
    font-weight: normal;
    font-size: 20px;
    margin: 0 0 20px 0;
}

.nationals .location-photo
{
    margin: 20px 0 25px 0;
}

.nationals .calendar
{
    margin: 50px auto 0 auto;
    width: 500px;
    text-align: left;
}

.nationals .calendar table
{
    font-size: 14px;
}

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

.nationals .venue
{
    float: left;
    width: 49%;
}

.nationals .host-hotel
{
    float: right;
    width: 49%;
}

.nationals hr
{
    border: 0;
    border-top: 1px solid #ccc;
    margin: 15px;
}

.pagetitle
{
    padding: 10px 0px;
    overflow: auto;
    margin-bottom: 30px;
    border-bottom: solid 1px #ccc;
}

.pagetitle h2
{
    float: left;
    color: #8e39cf;
}

.pagetitle #rightbar
{
    float: right;
}

table.schedule
{
    width: 90%;
    margin: 30px auto;
    text-transform: uppercase;
    font-size: 15px;
}

table.schedule th
{
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

table.schedule td
{
    text-align: center;
}

table.schedule div
{
    margin: 0 3px;
}

table.schedule th.empty
{
    vertical-align: bottom;
}

table.schedule th.empty div
{
    background: transparent;
}

table.schedule th div
{
    background: #8b4488;
    padding: 5px 0px;
    border-bottom: 1px solid #8b4488;
}

table.schedule td div
{
    border: 1px solid #8b4488;
    border-width: 0 1px 1px 1px;
    padding: 10px 0px;
}

.gallery-container
{
    overflow: auto;
}

.gallery-thumb
{
    color: #019df0;
    width: 300px;
    height: 250px;
    float: left;
    font-size: 16px;
    text-align: center;
}

.gallery-thumb img
{
    border-width: 0px;
    padding: 25px;
    background: 18px 18px no-repeat url("/images/thumb-bg.png");
}

.gallery-thumb a
{
    width: 100%;
}

table.store-events
{
    text-align: center;
    margin: 20px 0;
}

table.store-events td
{
    border: 0;
    text-align: center;
}

table.store-events td a, a.big-link
{
    font-size: 18px;
    font-weight: bold;
    color: #8d3ad2;
}

table.store-events td a:hover, a.big-link:hover
{
    color: #CC33CC;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

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

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors, .bs .validation-summary-errors li
{
    font-weight: bold;
    color: #ff0000;
}

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

ul.levels
{
    list-style: none;
    position: relative;
    text-align: center;
    margin: 15px auto 0 auto;
    width: 560px;
    padding: 0;
}

ul.levels li
{
    float: left;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 140px;
}

.red
{
    color: #ff0000 !important;
}

.table-files
{
    table-layout: fixed;
}

.bs .table-files td
{
    padding: 5px 5px 4px;
}

tbody.files td.preview
{
    width: 100px;
}

tbody.files td.name
{
    width: 120px;
}

tbody.files td.name div
{
    width: 120px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

tbody.files .progress
{
    width: 100px;
}

tbody.files td.size
{
    width: 90px;
}

tbody.files td.start
{
    width: 70px;
}

tbody.files td.cancel, tbody.files td.delete
{
    width: 130px;
}

.modernpager td table
{
    width: auto;
}

.modernpager table td
{
    border: 0;
    padding: 0;
    vertical-align: middle;
}

.modernpager a, .modernpager span
{
    padding: 8px;
    margin: 4px;
    border: #AAA 1px solid;
    border-radius: 5px;
    display: block;
}

.bs .bordered-table .modernpager td
{
    border: 0;
}

.studio-details
{
    margin: 20px;
}

.studio-details h2, .studio-details p, .studio-details a
{
    color: #FF00C8;
    font-size: 18px;
    font-weight: bold;
}

.studio-details h3
{
    color: #b5b5b5;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: normal;
}

.studio-details p
{
    margin-top: 0;
}

.loading-spinner
{
    display: inline-block;
    background: url(/public/images/loading-small.gif);
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    margin-right: 7px;
}

label .req
{
    color: red !important;
    font-weight: bold;
}

.admin-menu-badge
{
    background: url('/public/images/badge.png');
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: White;
}

th.right-aligned, td.right-aligned, .bs th.right-aligned, .bs td.right-aligned
{
    text-align: right;
}

.help-block
{
    clear: both;
}

.btn-pink, .bs .btn-pink
{
    background-color: hsl(312, 100%, 54%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff47da", endColorstr="#ff14d0");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ff47da), to(#ff14d0));
    background-image: -moz-linear-gradient(top, #ff47da, #ff14d0);
    background-image: -ms-linear-gradient(top, #ff47da, #ff14d0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff47da), color-stop(100%, #ff14d0));
    background-image: -webkit-linear-gradient(top, #ff47da, #ff14d0);
    background-image: -o-linear-gradient(top, #ff47da, #ff14d0);
    background-image: linear-gradient(#ff47da, #ff14d0);
    border-color: #ff14d0 #ff14d0 hsl(312, 100%, 51.5%);
    color: White !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.16);
    -webkit-font-smoothing: antialiased;
}

.btn-blue, .bs .btn-blue
{
    background-color: hsl(195, 100%, 50%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a3e8fe", endColorstr="#00bfff");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#a3e8fe), to(#00bfff));
    background-image: -moz-linear-gradient(top, #a3e8fe, #00bfff);
    background-image: -ms-linear-gradient(top, #a3e8fe, #00bfff);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3e8fe), color-stop(100%, #00bfff));
    background-image: -webkit-linear-gradient(top, #a3e8fe, #00bfff);
    background-image: -o-linear-gradient(top, #a3e8fe, #00bfff);
    background-image: linear-gradient(#a3e8fe, #00bfff);
    border-color: #00bfff #00bfff hsl(195, 100%, 42%);
    color: White !important;
    text-shadow: none;
    font-weight: normal;
    /*-webkit-font-smoothing: antialiased;*/
}

.btn-purple, .bs .btn-purple
{
    background-color: hsl(274, 71%, 39%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8824d5", endColorstr="#6c1caa");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#8824d5), to(#6c1caa));
    background-image: -moz-linear-gradient(top, #8824d5, #6c1caa);
    background-image: -ms-linear-gradient(top, #8824d5, #6c1caa);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8824d5), color-stop(100%, #6c1caa));
    background-image: -webkit-linear-gradient(top, #8824d5, #6c1caa);
    background-image: -o-linear-gradient(top, #8824d5, #6c1caa);
    background-image: linear-gradient(#8824d5, #6c1caa);
    border-color: #6c1caa #6c1caa hsl(274, 71%, 36.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
    -webkit-font-smoothing: antialiased;
}

label.required:after
{
    color: red;
    content: " *";
}

.bs .bs-form-stacked .inputs-list-horizontal li
{
    float: left;
    width: auto;
    margin-right: 15px;
}

.bs .bs-form-stacked fieldset
{
    margin-top: 50px;
    margin-bottom: 50px;
}

.bs .bs-form-stacked fieldset legend
{
    text-align: center;
}

.bookmarked-studios .studio-info
{
    margin-top: 10px;
    margin-bottom: 0;
}

.bookmarked-studios .studio-info td
{
    border: none;
    padding: 5px;
}

.bookmarked-studios .studio-info tr:first-child td
{
}

.bookmarked-studios .studio-info td.info, .bs .studio-info td.info a
{
    border-left: none;
    color: #8d3ad2;
}

.bookmarked-studios .studio-info td.info a:hover
{
    text-decoration: underline;
}

.bookmarked-studios .studio-info button
{
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    color: #8d3ad2;
}

.bookmarked-studios .studio-info button:hover
{
    text-decoration: underline;
}

.bookmarked-studios .studio-info .icon
{
    text-align: center;
    vertical-align: middle;
    padding-right: 0;
}

.bookmarked-studios .studio-info i
{
    font-size: 18px;
    color: black;
}

.btn .caret
{
    margin-top: 10px;
    margin-left: 2px;
}

form.custom .hidden-field
{
    margin-left: -99999px;
    position: absolute;
    visibility: hidden;
}

.custom.dropdown
{
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width: 165px;
    margin: 0;
    /* Styles */
    background: #fff;
    border-left: 5px solid grey;
    cursor: pointer;
    outline: none;
}

.custom.dropdown.pink
{
    border-left-color: #ff00c8;
}

.custom.dropdown.blue
{
    border-left-color: #01afee;
}

.custom.dropdown.purple
{
    border-left-color: #8d3ad2;
}

.pink-bg
{
    background: #ff00c8;
}

.blue-bg
{
    background: #01afee;
}

.purple-bg
{
    background: #8d3ad2;
}

.custom.dropdown .current
{
    color: #333;
    display: block;
    padding: 10px 15px;
}

.custom.dropdown .selector:after
{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: grey transparent;
}

.custom.dropdown ul
{
    margin: 0;
    /* Size & position */
    position: absolute;
    top: 100%;
    left: -5px;
    right: 0px;
    /* Styles */
    background: white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    list-style: none;
    /* Hiding */
    opacity: 0;
    display: none;
    pointer-events: none;
}

.custom.dropdown ul li
{
    display: block;
    text-decoration: none;
    color: #333;
    border-left: 5px solid;
    padding: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*.custom.dropdown ul li:nth-child(1)
{
    border-left-color: #00ACED;
}

.custom.dropdown ul li:nth-child(2)
{
    border-left-color: #4183C4;
}

.custom.dropdown ul li:nth-child(3)
{
    border-left-color: #3B5998;
}*/

/* Hover state */
.custom.dropdown ul li:hover
{
    color: grey;
}

/* Active state */

.custom.dropdown.open .selector:after
{
    border-width: 0 6px 6px 6px;
}

.custom.dropdown.open ul
{
    display: block;
    opacity: 1;
    z-index: 10;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity .custom.dropdown ul,
.no-pointerevents .custom.dropdown ul
{
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity .custom.dropdown.open ul,
.no-pointerevents .custom.dropdown.open ul
{
    display: block;
}

ul.socials-list
{
    padding-top: 0;
}


.socials-list .socials-item
{
    padding: 0;
}

.socials-item
{
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 2px;
    background: none !important;
}

.socials-item-link
{
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    color: #999 !important;
    height: 40px;
    width: 40px;
    text-align: center;
}

.socials-item-link:hover
{
    border: none !important;
    color: #fff !important;
}

.socials-item-link i
{
    position: relative;
    font-size: 18px;
    line-height: 40px;
}

.socials-item .socials-item-link:before
{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

.socials-item:hover .socials-item-link:before
{
    height: 100%;
}

.socials-item.rss .socials-item-link:before
{
    background-color: #ff9702;
}

.socials-item.facebook .socials-item-link:before
{
    background-color: #3b5998;
}

.socials-item.twitter .socials-item-link:before
{
    background-color: #00acee;
}

.socials-item.gplus .socials-item-link:before
{
    background-color: #c63b1e;
}

.socials-item.linkedin .socials-item-link:before
{
    background-color: #0073b2;
}

.socials-item.youtube .socials-item-link:before
{
    background-color: #cd332d;
}

.socials-item.vimeo .socials-item-link:before
{
    background-color: #20b9eb;
}

.socials-item.email .socials-item-link:before
{
    background-color: #697277;
}

.socials-item.skype .socials-item-link:before
{
    background-color: #00aff0;
}

.socials-item.flickr .socials-item-link:before
{
    background-color: #ff0084;
}

.socials-item.pinterest .socials-item-link:before
{
    background-color: #cb2027;
}

.socials-item.tumblr .socials-item-link:before
{
    background-color: #2c4762;
}

.socials-item.blogger .socials-item-link:before
{
    background-color: #fc9947;
}

.socials-item.dribbble .socials-item-link:before
{
    background-color: #ea4c89;
}

.socials-item.vk .socials-item-link:before
{
    background-color: #4e7299;
}

.socials-item.instagram .socials-item-link:before
{
    background-color: #a17357;
}

.bs table.core-values
{
    table-layout: fixed;
}

.bs table.core-values td
{
    border: 0;
    font-weight: bold;
}

.bs .core-values-heading
{
    text-align: right;
    width: 62px;
    text-transform: uppercase;
    padding: 0;
    line-height: 1;
}

.bs .core-values-heading div
{
    padding: 2px;
    background: #ffff2b;
}

.bs .core-values-value
{
    font-weight: bold;
    vertical-align: top;
    font-size: 30px;
    text-transform: uppercase;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
    height: 3em;
}

/***** Sidebar Main Menu *****/
.sidebar .menu
{
    /*border-top: 1px solid #404c60;*/
    margin: 0;
    padding: 0 0px !important;
    list-style: none;
    /*background-color: #343f51;*/
    font-family: 'Lato', sans-serif;
}

.sidebar .menu li
{
    padding: 0px 0px;
    /*background-color: #2c3e50;*/
}

.sidebar .menu > li.active
{
    /*background-color: #2f3949;*/
    background-color: rgba(255,255,255,0.7);
}

.sidebar .menu li i
{
    padding-right: 10px;
    font-size: 16px;
}

.sidebar .menu li a
{
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #555;
    height: 45px;
    overflow: hidden;
    position: relative;
}

.sidebar .menu li a:hover
{
    text-decoration: none;
    color: black;
}

.sidebar .menu li a:hover i
{
    color: black;
}

.sidebar .menu > li.active > a,
.sidebar .menu > li.active i
{
    color: black;
}
/***** Sidebar - Main Menu - Menu Text *****/
.sidebar .menu li .menu-text
{
    display: inline-block;
    width: 140px;
    height: 45px;
    vertical-align: top;
    line-height: 48px;
}
/***** Sidebar - Main Menu - Parent Icons *****/
.sidebar .menu > li.active
{
    border-left: 4px solid #2f3949;
}

.sidebar .menu li.active.lightgreen
{
    border-left: 4px solid #45aab3;
}

.sidebar .menu li.active.lightred
{
    border-left: 4px solid #d55152;
}

.sidebar .menu li.active.lightblue
{
    border-left: 4px solid #6ed2dc;
}

.sidebar .menu li.active.blue
{
    border-left: 4px solid #15a4fa;
}

.sidebar .menu li.active.green
{
    border-left: 4px solid #7fbf33;
}

.sidebar .menu li.active.purple
{
    border-left: 4px solid #7d6ccb;
}

.sidebar .menu li.active.orange
{
    border-left: 4px solid #ff6600;
}

.sidebar .menu li.active.lightorange
{
    border-left: 4px solid #ff9900;
}

.sidebar .menu li.active.lightyellow
{
    border-left: 4px solid #ffff33;
}

.sidebar .menu li.active.pink
{
    border-left: 4px solid #ff6699;
}

.sidebar .menu li.active.cream
{
    border-left: 4px solid #ffcc99;
}

.sidebar .menu li.active.marine
{
    border-left: 4px solid #17a697;
}

.sidebar .menu li.active.darkblue
{
    border-left: 4px solid #3366cc;
}

.sidebar .menu li a .menu-icon
{
    /*background-color: #2c3e50;*/
    width: 29px;
    height: 45px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    margin-left: 20px;
    vertical-align: top;
    overflow: hidden;
    position: relative;
}

.sidebar .menu li a .menu-icon i
{
    width: 30px;
    height: 45px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    padding-right: 0px;
    padding-top: 12px;
    color: #555;
    line-height: 25px;
}

.sidebar .menu li.active a .menu-icon
{
    /*background-color: transparent;*/
    width: 29px;
    height: 45px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    margin-left: 15px;
}

.sidebar .menu li.active a .menu-icon i
{
    padding-right: 0px;
    padding-top: 12px;
    color: black;
}

.sidebar .menu li.active a:hover .menu-icon i
{
    color: #555;
}

.sidebar .menu li.active a .menu-icon:before
{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: 0px 0 0 30px;
}

.sidebar .menu li .notification
{
    color: #fff !important;
    background-color: #f86868;
    border-radius: 5px;
    width: 24px;
    height: 24px;
    padding: 0px 0px;
    display: inline-block;
    text-align: center;
    margin-top: 13px;
    line-height: 24px;
    font-size: 11px;
}

.sidebar .menu li.parent .notification
{
    float: none;
}
/***** Sidebar - Main Menu - Notifications *****/
.sidebar .menu li .notification.green
{
    background-color: #109618;
}

.sidebar .menu li .notification.lightgreen
{
    background-color: #45aab3;
}

.sidebar .menu li .notification.lightred
{
    background-color: #cf3638;
}

.sidebar .menu li .notification.blue
{
    background-color: #3366cc;
    color: #ffffff !important;
}

.sidebar .menu li .notification.lightblue
{
    background-color: #15a4fa;
}

.sidebar .menu li .notification.orange
{
    background-color: #e7a60b;
}

.sidebar .menu li .notification.lightyellow
{
    background-color: #eaee77;
    color: #2f3949;
}

.sidebar .menu li .notification.purple
{
    background-color: #734cbd;
    color: #ffffff;
}

.sidebar .menu li:hover .arrow:before
{
    color: #555;
}
/***** Sidebar - Main Menu - Parent *****/
.sidebar .menu li.parent > a:after
{
    content: '\f105';
    font-family: 'FontAwesome';
    color: #555;
    float: right;
    margin-right: 15px;
    margin-top: 12px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    font-size: 16px;
}

.sidebar .menu li.parent.active > a:after,
.sidebar .menu li.parent > a.close-child:after
{
    content: '\f105';
    font-family: 'FontAwesome';
    color: #555;
    float: right;
    margin-right: 15px;
    margin-top: 12px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 16px;
}

.sidebar .menu li.parent.active ul.child
{
    display: block;
}

/***** Menu Effects  *****/
.menu li
{
    overflow: hidden;
    display: block;
    /*background: #fff;*/
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.menu-icon i
{
    background-color: transparent;
    opacity: 1;
    font-family: 'FontAwesome';
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.menu li:hover .menu-icon i
{
    color: black !important;
    opacity: 1;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}

.menu li:last-child
{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
/***** Sidebar - Main Menu - Child *****/
.sidebar .child
{
    background-color: #d9e3e5;
    margin-left: 0px;
    padding-left: 0px;
    display: none;
}

.sidebar .child.open
{
    display: block;
}

.sidebar .child li
{
    background-color: #2f3949;
    border-bottom: 0px solid #b7c9cd;
    border-top: 1px solid #3e495a;
}

.sidebar .child li:last-child
{
    border-bottom: 1px solid #3e495a;
}

.sidebar .child li a
{
    color: #555;
    padding-left: 55px;
}

.sidebar .child li a:hover
{
    background-color: #2b3545;
    color: #a0acbf;
}

.sidebar .child li a
{
    vertical-align: top;
    display: inline-block;
    line-height: 38px;
    height: 38px;
    width: 100%;
}
/***** Sidebar - Main Menu - Child / Active *****/
.sidebar .child li.active
{
    background-color: #2b3545;
}

.sidebar .child li.active a
{
    color: #ffffff;
    background-color: #2b3545;
}


.pre-html
{
    font-family: Monaco, Andale Mono, Courier New, monospace;
    font-size: 12px;
    background-color: #f5f5f5;
    display: block;
    padding: 8.5px;
    margin: 0 0 18px;
    line-height: 18px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.pagination-container
{
    height: 36px;
    margin: 18px 0;
}

.pagination-container ul.pagination
{
    height: auto;
    float: left;
    margin: 0;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.help-block.note
{
    color: #8d3ad2;
}

.ui-rangepicker-input.ui-widget-content
{
    font-size: 12px;
    height: 14px;
}