/* Feather */

.tableiterationselectedindex {
    font-weight: bold;
}

.paginationLink {
    margin-right: 4px;;
}

.previousLink {
    margin-right: 8px;
}

.nextLink {
    margin-left: 2px;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

ul {
    list-style-type: disc;
    list-style-position: inside;
}

ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.toolbar {
    list-style-type: none;
}

.toolbar li {
    display: inline;
}

/* Date picker */
.datepicker table {
    width: auto;
}

.yui-calendar {
    width: 180px;
}

.calarea {
    position: absolute;
}

.calendarbutton {
    vertical-align: middle;
    margin-top: 2px;
    margin-bottom: 4px;
    margin-left: 2px;
}

/* Simple menu */

ul.piped {
    font-size: 90%;
}

ul.piped li {
    display: inline;
    border-left: 1px solid;
    padding-right: 0.2em;
    padding-left: 0.5em;
}

ul.piped li.first {
    border-left: none;
    padding-left: 0;
}

/* client side selection */

ul.piped span {
    display: none;
}

ul.piped .selected span {
    display: inline;
}

ul.piped .selected a {
    display: none;
}

/* Forms */
.labelcol {
    text-align: right;
    font-weight: bold;
    vertical-align: top;
    padding-left: 1em;
    padding-right: 1em;
}

/* Salsa */

body {
    font-family: Verdana, serif;
    background-color: #ffffff;
}

a {
    color: #003399;
    text-decoration: none;
}

table {
    width: 100%;
}

#hd {
    border-bottom: dashed #9F819E 1px;
}

#ft {
    border-top: dashed #9F819E 1px;
    padding-top: 1em;
    margin-top: 0.5em;
    text-align: center;
}

#yui-main .yui-b {
    border-left: dashed #9F819E 1px;
    padding-left: 2em;
}

thead, th {
    font-weight: bold;
}

table td {
    padding: 0.2em;
}

table caption {
    margin-bottom: 1em;
}

a:hover {
    text-decoration: underline;
}

.claves {
    position: absolute;
    right: 25px;
    top: 5px;
}

.self {
    background: url("../images/self.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.user {
    background: url("../images/user.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.loggedin {
    text-align: right;
    position: absolute;
    right: 130px;
    top: 45px;
    color: #AF5600;
}

.login {
    text-align: right;
    position: absolute;
    right: 130px;
    top: 45px;
}

.logout {
    text-align: right;
    position: absolute;
    right: 130px;
    top: 70px;
}

.menu {
    margin-top: 3em;
    list-style-type: none;
}

.menu li {
    margin-top: 1em;
    font-weight: bold;
}

.menu li a {
    padding-left: 18px;
}

.menu li:hover, .menu a:hover {
    background-image: url("../images/hover.gif");
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

.menu .selected a {
    color: #402030;
}

.menu .selected {
    background-image: url("../images/selected.gif");
    background-repeat: no-repeat;
    background-position: 3px 3px;
}

.piped .selected {
    font-weight: bold;
    color: rgb(111, 39, 0)
}

.locmenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.locmenu li {
    display: inline;
    padding: 0;
    margin: 0;
    color: #402030;
}

.locmenu li:before {
    content: "| ";
}

.locmenu li:first-child:before {
    content: "";
}

h1 {
    font-size: 180%;
    font-weight: bold;
    color: #402030;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

h2, caption {
    padding: 0 0 0 5px;
    font-weight: bold;
    text-align: left;
    color: white;
    background-color: #6F2700;
    line-height: 1.8em;
    margin-top: 2em;
}

.location {
    background: url("../images/location.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.location:hover {
    background: url("../images/locationhigh.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.band {
    background: url("../images/band.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.band:hover {
    background: url("../images/bandhigh.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.dj {
    background: url("../images/dj.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.dj:hover {
    background: url("../images/djhigh.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.dancer {
    background: url("../images/show_group.png") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.dancer:hover {
    background: url("../images/show_grouphigh.png") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.school {
    background: url("../images/dancer.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.school:hover {
    background: url("../images/dancerhigh.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.external {
    background-image: url("../images/external-link.gif");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 18px;
}

.monthrow {
    height: 2.5em;
    border-top: dashed #B0A080 1px;
    color: #FF7F00;
    font-weight: bold;
    margin-right: 20px;
    text-align: left;
}

.faq li {
    font-weight: bold;
    margin-bottom: 1em;
    list-style: decimal;
    margin-left: 3em;
}

.faq li p {
    font-weight: normal;
    margin-top: 1em;
    margin-left: 3em;
}

.labelcol {
    width: 150px;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    vertical-align: middle;
}

.boxedrow {
    border-top: dashed #B0A080 1px;
}

.bulb {

}

.info {
    background: lightgoldenrodyellow url("../images/bulb.gif") no-repeat left top;
    background-position: 4px 20px;
    padding: 5px 5px 5px 22px;
    border: dashed #B0A080 1px;
    position: absolute;
}

.info li {
    font-size: 8pt;
    padding-left: 5px;
    list-style-type: none;
}

.msgcol {
    width: 100%;
    padding-left: 5px;
}

/* Agenda */

.weekly h2 {
    margin-bottom: 1em;
}

.weekly ul {
    list-style-type: none;
    list-style-position: outside;
}

.weekly li {
    margin-left: 2em;
}

.agenda {
    margin-top: 1.5em;
}

.today {
    background-color: #FFE7CF;
}

.agenda td {
    border-top: dashed #B0A080 1px;
}

.agenda td td {
    border-top: none;
}

.agendaDate {
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
}

.agendaDate td {
    padding-right: 5em;
}

.toolbar {
    margin-top: 1em;
}

.toolbar a {
    margin-left: 1em;
}

.toolbar img {
    margin-right: 0.2em;
    vertical-align: middle;
}

.toolbar .label {
    font-size: 80%;
}

.fillagenda {
    margin-top: 10px;
}

.fillagenda td {
    padding: 0.5em;
}

.locationstable {
    display: block;
    height: 500px;
    overflow: auto;
    border: 1px solid #B57300;
    width: 280px;
}

.zoom:hover {
    background: #EFF79C;
}

.thread {
    margin-top: 1em;
}

.thread ol li {
    margin-left: 1em;
}

.message {
    margin: 0.5em;
}

.message td {
    border: 1px solid #A48452;
    padding: 0.5em;
    background-color: #FFEFDF;
}

.odd td {
    background-color: #EFDED1;
}

.even td {
    background-color: #FFEFDF;
}

.messageContext {
    margin-top: 1em;
}

.messageContext td {
    padding: 0.5em;
    border: 1px solid #A48452;
}

.messageContext th {
    padding-right: 1em;
}

.datetime {
    color: #B57300;
    font-size: 80%;
}

.loginform {
    font-size: 90%;
}

.loginform table {
    text-align: right;
    position: absolute;
    right: 108px;
    top: 72px;
}

.canceled {
    text-decoration: line-through;
}

.eventcanceled {
    color: red;
    background: url("../images/error.png") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

/* Flags */
.es {
    background: url("../images/flags/es.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.it {
    background: url("../images/flags/it.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.nl {
    background: url("../images/flags/nl.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.gb {
    background: url("../images/flags/gb.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.lu {
    background: url("../images/flags/lu.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.ca {
    background: url("../images/flags/ca.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.fr {
    background: url("../images/flags/fr.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.be {
    background: url("../images/flags/be.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.cu {
    background: url("../images/flags/cu.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.us {
    background: url("../images/flags/us.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.de {
    background: url("../images/flags/de.gif") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.appengine {
    background: url("../images/appEngine.png") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.analytics {
    background: url("../images/analytics.png") no-repeat;
    padding-left: 18px;
    vertical-align: top;
}

.popup {
    height:200px;
    width:200px;
    position:absolute;
    border:solid 1px #646f63;
}

.popuptoolbar {
    background-color: #e6ece4;
    border-bottom:solid 1px #646f63;
    height:16px;   
}

.popup .scrolling{
    overflow:scroll;
    height:182px;
    width:200px;    
    position:absolute;
    background-color: #ffffcc;
}
