body {
    font-family:            "Trebuchet MS", sans-serif;
    margin:                 0;
}

html {
    background-image:       url("../img/back_verylight.png");
}

div#header {
    background-color:       rgb(73,123,58);
    background-image:       url("../img/back_light.png");
    background-repeat:      repeat-x;
    text-align:             left;
    padding:                10px 20px 10px 20px;
    color:                  #fff;
}

div#subheader {
    background-color:       rgb(17,75,51);
    background-image:       url("../img/back_dark.png");
    background-repeat:      repeat-x;
    color:                  #fff;
    text-align:             left;
    padding:                5px 20px 5px 20px; 
}

body.edit div#subheader {
    background-color:       rgb(80,80,80);
    background-image:       url("../img/back_dark_edit.png");
}
body.edit div#header {
    background-color:       rgb(123,123,123);
    background-image:       url("../img/back_light_edit.png");
}

div#footer {
    color:                  #fff;
    text-align:             left;
    padding:                10px 20px 10px 20px; 
}

div#content {
    background-color:       #fff;
}

div#subheader a, div#subheader a:visited {
    color:                  rgb(255,199,87);
}
div#subheader a:hover {
    color:                  rgb(255, 231, 97);
}

div#subheader h2 {
    font-size:              160%;
    padding:                5px;
    display:                inline-block;
}

div#subheader h2 span {
    font-size:              50%;
    display:                block;
    color:                  #fff;
}

div#subheader a:hover h2, div#subheader a.selected h2 {
    background-color:       rgba(255,255,255,0.5);
}
div#subheader a:hover h2 {
    color:                  #fff;
}

div#subheader th a, div#subheader th a:visited {
    color:                  #fff;
}

div#subheader h1, div#subheader h2, div#subheader h3, div#subheader h4 {
    margin:                 0;
    text-transform:         lowercase;
}

div#header h1, div#header h2 {
    margin-right:           5px;
    text-transform:         lowercase;
}

div#header h1 {
    font-size:              26pt;
    color:                  #fff;
    letter-spacing:         -0.09em;
    display:                inline;
}

div#header h2 {
    font-weight:            normal;
    font-size:              18pt;
    color:                  #8ec53f;
    letter-spacing:         -0.05em;
    display:                inline;
}

div#content {
    text-align:             left;
    padding:                10px 20px 10px 20px;
}

div#content p {
    margin-bottom:          0.6em;
}

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

div#subheader table {
    margin-bottom:          2px;
}

div#subheader th, div#subheader td {
    text-align:             left;
    text-transform:         lowercase;
    font-size:              9pt;
    border:                 0;
}

div#subheader th {
    padding:                0 2px 1px 2px;
}

div#subheader th.right {
    text-align:             right;
}
div#subheader td {
    border:                 0;
    padding:                0 2px 1px 2px;
}

div#subheader ul {
    margin:                 0 0 0 2px;
}

div#subheader ul li {
    list-style-type:        square;
    list-style-position:    inside;
}

div.float {
    display:                inline;
}

div#content a:link, div#content a:visited, div#content span.link {
    color:                  rgb(171, 86, 3);
    border-bottom:          1px dashed rgb(171, 86, 3);
}
div#content a:hover {
    border-bottom:          1px dotted rgb(171, 86, 3);
}

div#content a.simple {
    border:     none;
}

div#content a.simple:hover {
    color:      black;
}

div#content th {
    font-size:              70%;
    text-align:             left;
}

div#content th strong {
    font-size:              130%;
    font-weight:            bold;
}

div#content thead {
    color:                  rgb(72,120,88);
    border-bottom:          1px solid rgb(148,218,58);
}

div#content td, div#content th {
    border:                 0;
}

div#content table.maximise {
    width:              100%;
    text-align:         left;
}

div#content th.odd {
    text-align:     right;
}


div#content tr.odd, div#content th.odd, div#content td.odd, div#content ul.celled li.odd {
    background-color:       rgb(224,255,184);
}
div#content table.gridded tbody tr, div#content td.odd, div#content td.even, div#content table.lined tr, div#content ul.celled li {
    border-top:             1px solid rgb(148,218,58);
    border-bottom:          1px solid rgb(148,218,58);
    border-collapse:        collapse;
}

div#content div.block tr.odd, div#content div.block ul.celled li.odd {
    background-color:   rgba(255,255,255,0.2);
    *background-color:   transparent;
}

div#content table.lined tr.first {
    border-top:             none;
}
div#content table.lined tr.last {
    border-bottom:          none;
}

div#content table.gridded tbody td {
    border-right:           1px dashed rgba(148,218,58, 0.5);
    border-left:            1px dashed rgba(148,218,58, 0.5);
    border-collapse:        collapse;
}

div#content tbody.hover tr:hover {
    background-color:       rgb(244,255,204);
}

div#content td {
    vertical-align:         top;
}

div#content tbody#shows td.show a {
    font-style:             italic;
}

div#content tbody#shows td.show span.organisation {
    margin-top:             10px;
    display:                block;
}
div#content tbody#shows span.badge {
    float:      right;
    clear:      both;
    margin:     2px;
    color:      #000;
}

div#content ul.celled {
    margin:     0;
}

div#content ul.celled li {
    list-style:     none;
    padding:        4px;
    border-bottom:  none;
}


div.right {
    float:      right;
    padding:    2px;
}
.bottom-aligned {
    vertical-align: bottom !important;
}
.middle-aligned {
    vertical-align: middle !important;
}
.right-aligned {
    text-align: right !important;
}
.left-aligned {
    text-align: left !important;
}
.center-aligned {
    text-align: center !important;
}

div#content thead.center-aligned th {
    text-align: center;
}

div.next-step {
    text-align: right;
    padding:    2px;
}

div#header a {
    color:                  #8ec53f;
    text-transform:         lowercase;
}

div#header a:hover {
    color:              #c6e19e;
}

div#footer a:link, div#footer a:visited {
    color:                  #666;
}
div#footer a:hover {
    border-bottom:          1px dotted #666;
}

div#footer {
    color:                  #666;
    font-size:              90%;
}

div#footer h3 {
    margin:                 5px 10px 0 0;
    text-transform:         lowercase;
    font-size:              150%;
    text-align:             right;
}

div#footer div.yui-u {
    background-color:       rgba(255,255,255,0.5);
}

div#footer table {
    margin-bottom:          2px;
}

div#footer th, div#footer td {
    text-align:             left;
    text-transform:         lowercase;
    border:                 0;
}

div#footer th {
    padding:                0 2px 1px 2px;
}

div#footer td {
    border:                 0;
}

div#footer th.date span.month, div#footer th.date span.day {
    border:                 1px solid #aaa;
    min-width:              14px;
    font-size:              90%;
    padding:                2px;
    display:                inline-block;
    text-align:             center;
    height:                 13px;
}

div#footer th.date span.month {
    background-color:       #aaa;
    color:                  #eee;
    min-width:              18px;
}

div#footer th.date {
    padding:                2px 2px 2px 5px;
    text-align:             right;
    min-width:              44px;
}

div#footer p {
    margin:             0 10px 10px 10px;
    text-align:         justify;
    color:              #999;
}

div#copy {
    font-size:          80%;
}

div#header div.right {
    float: right;
    clear: right;
}

#header input[type="text"] {
    color:              #fff;
    background-color:   #8ec53f;
    background-image:   url("../img/magnifier.png");
    background-repeat:  no-repeat;
    border:             1px solid rgb(17,75,51);
    font-size:          100%;
    padding:            4px 4px 4px 20px;
    width:              auto;
}

#header input.initial {
    color:              #c6e19e;
    text-transform:     lowercase;
}

div#content td.dates {
    text-align:         right;
}

div#content td.dates span.date {
    display:        inline-block;
    background-color:   #fff;
    border:         2px solid rgb(171, 86, 3);
    width:          25px;    
}

div#content td.dates span.date span.month {
    background-color:   rgb(171, 86, 3);
    color:              #fff;
    display:            block;
    padding:            2px;
    font-size:          70%;
    text-align:         center;
}

div#content td.dates span.date span.weekday {
    font-size:          70%;
    padding-top:        2px;
    text-align:     center;
    display:        block;
}

div#content td.dates span.date span.day {
    padding:        2px;
    text-align:     center;
    display:        block;
}

div#content h1, div#content h2, div#content h3, div#content h4 {
    margin-top:     0;
    margin-bottom:  10px;
    color:          rgb(17,75,51);
}

div#content .section {
    text-transform:     lowercase;
    color:              rgb(17,75,51);
    margin-bottom:      5px;
}

div#content .section + div {
    padding-left:       10px;
    border-left:        thin dashed #8ec53f;
    border-top:         thin dashed #8ec53f;
}

div.block {
    background-color:   #8ec53f;
    color:              white;
    margin-bottom:      10px;
    text-align:         left;
}

div.block ul {
    margin:             0 0 0 1.5em;
}

div.block table {
    width:              100%;
}

div.block .content {
    margin:             0px;
    padding:            10px;
}

div.block ul.content li {
    list-style-type:    none;
}

div#content div.block h1 {
    background-image:   url("../img/back_light.png");
    padding:            5px;
    margin:             0;
    text-transform:     lowercase;
    letter-spacing:     -0.09em;
    color:              white;
    border:             none;
}

div#content div.block h2 {
    background-color:       rgb(73,123,58);
    padding:            5px 10px 5px 10px;
    margin:             0 0 7px 0;
    text-transform:     lowercase;
    letter-spacing:     -0.09em;
    color:              white;
    border:             none;
    font-size:          105%;
}
div#content div.block div.content h2 {
    margin-left:        -10px;
    margin-right:       -10px;
}

div#content div.block a:link, div#content div.block a:visited, div#content div.block span.link {
    color:              #fff;
    border-bottom:      1px dashed #fff;
}
div#content div.block a:hover {
    border-bottom:      1px dotted #fff;
}
div#content .help {
    cursor:             help;
}

.small {
    font-size:      85% !important;
}
.very-small {
    font-size:      75% !important;
}

div#content div.block p {
    margin-bottom:      0.5em;
}

div#content div.block pre {
    color:              #000;
}

div#content pre {
    padding:            10px;
    background-color:   rgb(224,255,184);
    border:             1px solid rgb(148,218,58);
}

div#content table.squeeze td, div#content table.squeeze th {
    padding-top:        3px;
    padding-bottom:     3px;
}

div#content table.really-squeeze td, div#content table.really-squeeze th {
    padding-top:        1px;
    padding-bottom:     1px;
}

div#content p.squeeze {
    margin:             0;
}


div#content th.label {
    text-align:         right;
    vertical-align:     top;
    padding-top:        1em;
    display:            table-cell !important;
}

div#content input[type="text"],
div#content input[type="search"],
div#content input[type="password"],
div#content select,
div#content textarea {
    width:      98%;
    height:     auto;
    border:     thin solid rgb(17,75,51);
    padding:    3px;
}

div#content div.block input[type="text"],
div#content div.block input[type="password"],
div#content div.block select,
div#content div.block textarea {
    width:      98%;
    background-color:   white;
}

div#content label, div#content th.label, div#content h2.label {
    font-size:      8pt;
    font-weight:    bold;
    text-transform: lowercase;
    color:          rgb(17,75,51);
    display:        inline-block;
    margin-bottom:  0;
}
div#content li label, div#content tr label {
    display:        inline;
}

div#content a.button, div#content span.button, div#content div.block a.button {
    border:         none;
    color:          #444;
    display:        inline-block;
    vertical-align: top;
    text-decoration:none;
    outline:        none;
}


div#content a.button {
    background:     transparent url('../img/button-small-right.png') no-repeat scroll top right;
    font:           normal 11px arial, sans-serif;
    height:         18px;
    margin-right:   8px;
    padding-right:  8px; /* sliding doors padding */
}

div#content span.button, div#content a.button.large {
    background:     transparent url('../img/button-large-right.png') no-repeat scroll top right;
    font:           normal 12px arial, sans-serif;
    height:         24px;
    margin-right:   0px;
    padding-right:  12px; /* sliding doors padding */
}

div#content a.button.large span {
    height:         13px !important;
}

div#content a.button span, div#content span.button input {
    display:    block;
    outline:    none;
    border:     none;
}

div#content a.button span {
    background: transparent url('../img/button-small-left.png') no-repeat;
    line-height: 8px;
    padding:    5px 0 5px 7px;
}

div#content span.button input, div#content a.button.large span {
    background: transparent url('../img/button-large-left.png') no-repeat;
    line-height: 11px;
    padding:    5px 0 6px 12px;
    height:     24px;
}

div#content a.button:active, div#content span.button:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

div#content a.button:active span, div#content span.button:active input {
    background-position: bottom left;
}
div#content a.button:active span {
    padding: 5px 0 5px 8px; /* push text down 1px */
}
div#content span.button:active input, div#content a.button.large span {
    padding: 6px 0 5px 12px; /* push text down 1px */
}

div#content p.button {
    text-align: right;
    margin:     0;
}

div#content ol.tabs {
    display:        inline-block;
    height:         18px;
    font:           normal 11px arial, sans-serif;
    margin:         0 0 5px 0;
    text-transform: lowercase;
}

div#content div.left ol.tabs {
    float:          left;
}

div#content div.right ol.tabs {
    float:          right;
}

div#content ol.tabs li {
    display:        block;
    float:          left;
    height:         18px;
    background:     transparent url('../img/button-small-tab.png') no-repeat;
}

div#content ol.tabs li.first {
    background:     transparent url('../img/button-small-left.png') no-repeat;
}
div#content ol.tabs li.last {
    margin-right:   13px;
}
div#content ol.tabs li.last a {
    margin-right:   -13px;
}

div#content ol.tabs li a {
    display:            block;
    border:             none;
    color:              #444;
    padding:            2px 8px 2px 8px;
    height:             14px;
}
div#content ol.tabs li.selected a, div#content ol.tabs li a:active {
    color: #fff;
}
div#content ol.tabs li.last a {
    background:     transparent url('../img/button-small-right.png') no-repeat scroll top right;
    padding-right:  9px;
}
    
div#content ol.tabs li.selected, div#content ol.tabs li:active {
    background-position:    bottom left;
}
div#content ol.tabs li.selected a, div#content ol.tabs li.last a:active {
    background-position:    bottom right;
}

div#content div.address span.zipcode input {
    width:      20%;
}
div#content div.address span.place input {
    width:      70%;
}

div#content span.badge {
    font-size:          75%;
    color:              white;
    padding:            3px;
    text-transform:     lowercase;
    background-color:   #8ec53f;
}

div#content span.badge a:hover {
    color:              rgba(255,255,255,0.7);
}

div#content span.badge a {
    color:              white;
    border:             0;
}

div#content span.inline label {
    display:            inline;
}

div.bd {
    min-width:          200px;
}

div.panel-dialog {
    max-width:          200px;
}


.alert, ul.errorlist {
    border-left:        10px solid rgb(255, 204, 102);
    background-color:   rgba(255,204, 102, 0.4);
    padding:            5px;
    margin-left:        0;
}

.error, ul.errorlist {
    border-color:       #f00;
    background-color:   rgba(255,0,0,0.4);
}
.info {
    border-color:       #444;
    background-color:   rgba(0,0,0,0.1);
}

ul.errorlist li {
    list-style-type:    none;
}

.success {
    border-color:       #0f0;
    background-color:   rgba(0,255,0,0.4);
}

.force-inline ul li {
    display:            inline;
}

div#content div.group {
    border-width:       3px;
    border-style:       solid;
    border-color:       #8ec53f;
    padding:            10px;
    margin-bottom:      20px;
}
div#content div.group h1 {
    background-color:   #8ec53f;
    margin:             -10px -10px 10px -10px;
    padding:            5px;
    color:              rgb(17,75,51);
    text-transform:     lowercase;
    text-align:         center;
}
div#content div.drag-proxy {
    text-align:         left;
    padding:            5px;
    border-color:       rgba(17,75,51, 0.5) !important;
    border-width:       2px !important;
}
div#content div.drag-proxy-disabled {
}
div#content div.drag-proxy-enabled {
    background-color:       rgba(224,255,184,0.5);
    border-color:           #0f0 !important;
}
div#content .nimble-list .non-competitive {
    color:          #999;
}
div#content .nimble-list .non-competitive a {
    color:          #999;
}
div#content .nimble-list .selected {
    opacity:                0.7;
    color: #fff;
    background-color:       #8ec53f;
}
div#content .nimble-list .selected a {
    color:                  #fff;
    border-color:           #fff;
}

div#content .nimble-list .drag-hover {
    cursor:                 move;
}
div#content div.drop-enabled {
    background-color:   rgba(224,255,184,0.5);
}
div#content div.drop-enabled h1 {
    color:              #fff;
}

.hide {
    display:        none;
}

.overflow {
    overflow:       auto !important;
}

div#loading_mask {
    position:       absolute;
    background:     rgba(0,0,0,0.3);
    top:            0;
    left:           0;
    right:          0;
    height:         100%;
    z-index:        10;
}

ul {
    margin-top:     0;
    margin-bottom:  0;
}

div.group .small ul {
    margin:             0;
    list-style-type:    none;
}

div.group .small ul li {
    display:        inline-block;
    width:          48%;
    text-align:     left;
}

div.group .small input {
    width:          auto;
}

ul.inline {
    list-style-type:    none;
    margin-left:        0;
}
ul.inline li {
    display:        inline-block;
}

th {
    vertical-align: top;
    padding-top:    1em;
}

span.pagination a {
    display:    inline-block;
    margin:     0 3px 0 3px;
}

.hover-hide {
    visibility: hidden;
}

:hover > * > .hover-hide, 
:hover > .hover-hide {
    visibility: visible;
}

.nimble-gd > .yui-u {
    width:          24.2%;
    margin-left:    1%;
    float:          left;
}
.nimble-gd > .first {
    margin-left:    0;
}

div.group > div.nimble-viewport > div.nimble-scrollcanvas > div.yui-u {
    height:         300px;
}

div#content ol.toolbar {
    display:        inline-block;
    height:         18px;
    font:           normal 12px arial, sans-serif;
    margin:         2px 2px 7px 2px;
    text-transform: lowercase;
}

div#content div.left ol.toolbar {
    float:          left;
}

div#content div.right ol.toolbar {
    float:          right;
}

div#content ol.toolbar li {
    display:        block;
    float:          left;
    height:         24px;
    background:     transparent url('../img/button-large-tab.png') no-repeat;
}

div#content ol.toolbar li.last {
    margin-right:   1px;
}
div#content ol.toolbar li.last span {
    margin-right:   -1px;
}

div#content ol.toolbar li span {
    display:            block;
    border:             none;
    color:              #444;
    padding:            5px 8px 5px 8px;
    height:             14px;
    cursor:             pointer;
}
div#content ol.toolbar li.selected span, div#content ol.toolbar li span:active {
    color: #fff;
}
div#content ol.toolbar li.disabled span, div#content ol.toolbar li span:active {
    color:  #aaa;
    cursor: default;
}
div#content ol.toolbar li.last span {
    background:     transparent url('../img/button-large-tab-right.png') no-repeat scroll top right;
    padding-right:  9px;
}
    
div#content ol.toolbar li.selected, div#content ol.toolbar li:active {
    background-position:    bottom left;
}
div#content ol.toolbar li.selected span, div#content ol.toolbar li.last span:active {
    background-position:    bottom right;
}

div#content .yui-ac-input {
    position:       relative;
}

.nimble-loading {
    opacity:        0.5;
}


.icon {
    padding-left:       25px;
    padding-top:        3px;
    background-repeat:  no-repeat;
    min-height:         20px;
}

ul.icon {
    margin:     0 0 0.5em 0;
}
ul.icon li {
    margin:             0;
    list-style-type:    none;
}

.icon.location {    background-image:   url('../img/icons/house-small.png'); }
.icon.phone {       background-image:   url('../img/icons/phone-small.png'); }
.icon.directions {  background-image:   url('../img/icons/car-small.png'); }
.icon.date {        background-image:   url('../img/icons/calendar-small.png'); }
.icon.grade {       background-image:   url('../img/icons/grade-small.png'); }
.icon.competition { background-image:   url('../img/icons/competition-small.png'); }

div.nimble-g:first-child, div.nimble-u:first-child, div.nimble-u.first div.nimble-g.first {
    margin-left:    0 !important;
}
div.nimble-g > div.nimble-u,
div.nimble-g > div.nimble-g {
    width:          48.5%;
    margin-left:    1%;
    margin-bottom:  1em;
    display:        inline-block;
    vertical-align: top;
}

.inset {
    background-color:   rgb(224, 255, 184);
    padding:            3px;
    margin-bottom:      10px;
}

div#content div.inset {
    background-color:   rgb(224, 255, 184);
    padding:            10px;
}
div#content div.inset tr.even {
    background-color:   rgb(255,255,255)
}
div#content div.inset td.even {
    background-color:   rgb(255,255,255)
}

div#content div#copyright span {
    display:        block;
    white-space:    normal;
}

div#content td.hdate span.month {
    display:                inline-block;
    font-size:              90%;
    padding:                2px;
    background-color:       rgb(171, 86, 3);
    color:                  #fff;
    min-width:              25px;
    text-align:             center;
}

span.removed {
    opacity:                0.5;
}