@import url("http://my.strathspey.org/default/styles/sgmarkup.css");

body {
    margin: 0 10px;
    padding: 0 0 0 150px;
    font-family: "Trebuchet MS", Verdana, sans-serif;
}

#container {
    background-color: #fff;
    float: left;
    width: 100%;
    border-left: 150px solid #fff;
    margin-left: -150px;
    border-right: 0px;
    margin-right: 0px;
    display: inline; /* Keep IE happy */
}

#leftRail {
    float: left;
    width: 150px;
    margin-left: -150px;
    position: relative;
}

#center {
    float: left;
    width: 100%;
    margin-right: -100%;
}

#rightRail {
    float: right;
    width: 200px;
    margin-right: -200px;
    position: relative;
}

#header, #footer {
    border: 0px solid #ddd;
    background-color: #fff;
    margin-left: -150px;
    margin-right: 0px;
    margin-bottom: 10px;
    clear: both;
}

#header {
    height: 100px;
    margin-top: 10px;
    padding-bottom: 2px;
    border-bottom: 2px solid #ddd;
}

#header img {
    border: 0px solid #000;
}

#footer {
    border: 0px solid #000;
}

#rscdsline {
    position: absolute;
    top: 10px;
    left: 135px;
    font-style: italic;
}

#cgbline {
    position: absolute;
    top: 25px;
    left: 135px;
    font-weight: bold;
    font-size: 48px;
}

body h1 {
    margin: 0px 0px 0px 0px;
}

body h2 {
    margin: 10px 0px 5px 0px;
    padding: 0px 0px 2px 0px;
}

body h3 {
    margin: 7px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
}

.railBox {
    border: 2px solid #bbb;
    padding-bottom: 0px;
    font-size: smaller;
}

#leftRail .railBox {
    margin: 5px 10px 5px 0px;
}

#rightRail .railBox {
    margin: 5px 0px 5px 10px;
}

.logoBox {
    border: 0px solid #000;
    text-align: center;
}

.logoBox img {
    border: 0px solid #000;
}

#leftRail .logoBox {
    margin: 5px 10px 5px 0px;
}

.railBox h2 {
    font-size: 12px;
    background: #bbb;
    padding: 2px;
    margin: 0px;
    /* text-transform: uppercase; */
    font-weight: bold;
}

#blurb {
    position: absolute;
    left: 135px;
    top: 90px;
    font-weight: bold;
}

#loginbox {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    border: 2px solid #ddd;
    padding: 5px;
    text-align: right;
    font-size: smaller;
}

#languages {
/*    position: absolute;*/
    right: 10px;
    top: 10px;
    background: #fff;
    border: 1px solid #000;
    padding: 1px;
    text-align: right;
}

#breadcrumbs {
    font-size: smaller;
    font-weight: normal;
    margin-bottom: 5px;
}

#center ul {
    padding: 0px 0px 0px 20px;
}

#center a:link { text-decoration: underline; }
#center a:visited { text-decoration: underline; }
#center a:hover { text-decoration: underline; }
#center a:active, a:focus { text-decoration: underline; }

#center h2 {
    clear: both;
}

div.messages {
    background: #fcc;
    border: 3px solid #f00;
    padding: 10px;
    margin-bottom: 5px;
}

div.messages ul {
    margin: 0px;
    padding: 0px;
}

ul.dirlist {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
li.diritem {
    margin: 1px 0px 1px 5px;
}

.groupsbox ul {
    margin: 0px 2px;
    padding: 1px 0px;
    /* border: 1px solid #000; */
}
.groupsbox li {
    list-style-type: none;
    text-align: left;
    padding: 0px;
    margin: 2px 0px;
    /* border: 1px solid #f00;
    background: #aaf; */
}

.railBox ul {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
}

.acctbox p {
    margin: 5px;
}

.languagebox form {
    margin: 5px;
}

.navigationbox li, .linksbox li {
    list-style: none;
    margin: 0;
    padding: 0.25em;
    border-top: 1px solid #ddd;
    overflow: hidden;
}

.navigationbox li a, .linksbox li a {
    text-decoration: none;
    overflow: hidden;
}

.ddquerybox form {
    margin: 5px;
}

.ddquerybox * #id_pattern, .ddquerybox * #id_type {
    width: 100%;
}

.ddselectionbox p {
    margin: 0px 2px 0px 2px;
}

.ddselectionbox ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding: 0px;
    margin: 0px 2px 0px 20px;
    text-indent: -18px;
}

.ddselectionbox li {
    margin: 0px 2px;
}

.ddselectionbox div.buttons {
    padding: 3px;
    margin-top: 3px;
}

.ddselectionbox p {
    margin: 5px;
}

.groupeventsbox li, .eventsbox li, .rssbox li, .recentlyseenbox li, .newmembersbox li {
    list-style-type: none;
    margin: 0px 2px 0px 20px;
    text-indent: -18px;
}

span.date {
    font-weight: bold;
}

p.event, p.message {
    margin: 0px;
    text-indent: -1.5em;
    margin-left: 1.5em;
    margin-right: 0.5em;
}
p.eventheader, p.messageheader {
    font-weight: bold;
    background: #ddd;
    margin: 2px 0px;
}

.message-date {
    text-align: right;
    font-size: smaller;
}

.htmlbox p {
    margin: 0px 5px;
}

/* Tables for locations etc. */

table.detail-table { 
}

table.detail-table th {
    text-align: right;
    vertical-align: top;
    padding-right: 2px 5px;
    font-weight: bold;
    background-color: #cccccc;
}

table.detail-table td { 
    text-align: left;
    vertical-align: top;
    padding-right: 20px;
}

table.detail-table td p { 
    margin-top: 0;
    margin-bottom: 0;
}

/* end of tables */

table.register th {
    text-align: left;
}

table.registrations {
    table-layout: auto;
    border-collapse: collapse;
}

table.registrations td {
    padding-right: 5px;
}

table.registrations td.overdue {
    background-color: #f00;
}

table.registrations tbody {
    border-top-style: solid;
    border-top-color: #888;
    border-top-width: 2px;
}

table.registrations tbody.res_st_4, table.registrations tbody.res_st_5 {
    background: #ddd;
}

table.registrations tbody.res_st_1 > tr.first,
  table.registrations tbody.res_st_2 > tr.first,
  table.registrations tbody.res_st_3 > tr.first {
    border-top-style: solid;
    border-top-color: #888;
    border-top-width: 1px;
}

/* table.registrations tr.even { background: #ddd; } */

table.registrations tbody.res_st_4 > tr.first,
  table.registrations tbody.res_st_5 > tr.first {
    background: #ddd;
    border-top-style: solid;
    border-top-color: #222;
    border-top-width: 1px;
}

table.registrations tbody.buttons {
    padding-top: 5px;
}

table.registrations tbody.res_st_1 {
    background: #afa;
}
table.registrations tbody.res_st_2 {
    background: #cfc;
}
table.registrations tbody.res_st_3 {
    background: #fcc;
}

div.actions form {
    display: inline;    
}

dl.errorlist {
    background: #fcc;
    border: 3px solid #f00;
    padding: 3px;
    margin: 2px;
/*   font-weight: bold;*/
/*   font-size: larger;*/
}

dl.errorlist ul {
    margin: 0px;
}

div.comment h3 {
    background: #ddd;
    margin-bottom: 3px;
}

div.comment h4 {
    font-weight: normal;
    font-style: italic; 
    margin-top: 0px;   
}

form.danceselform p {
    vertical-align: baseline;
}

form.danceselform input {
    vertical-align: baseline;
}

#danceselexport {
    border: 3px solid #ddd;
}

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

table.groupinfo th {
    text-align: right;
}

table.eventinfo th {
    text-align: right;
}

div.groupmap, div.eventmap {
    float: right;
    border: 1px solid #a9a9a9;
}

div.logeditright {
    float: right;
    text-align: center;
}

div.logeditmap {
    border: 1px solid #a9a9a9;
}

div.logeditright input[type="button"] {
    margin: 5px;
}

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

table.scddetails { 
    margin-bottom: 5px;
}

table.scddetails th {
    text-align: right;
}

table.scddetails td.op {
    text-align: right;
}

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

div.ratingsbox {
    float: right;
    border: 2px solid #bbb;
}

div.ratingsbox h2 {
    font-size: 12px;
    background: #bbb;
    padding: 2px;
    margin: 0px;
    /* text-transform: uppercase; */
    font-weight: bold;
}

div.ratingsbox th {
    vertical-align: top;
    text-align: right;
}

div.rating {
    background: url(/default/imgs/blank.png) transparent 0 0 repeat-x;
    height: 16px;
    width: 80px;
}
div.rating div {
    background: url(/default/imgs/star.png) transparent 0 0 repeat-x;
    height: 16px;
}
div.rating span {
    display: none;
}

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

div.crib {
    border: 2px solid #a9a9a9;
    padding: 5px;
    margin-bottom: 5px;
}

div.crib h3 {
    margin-top: 0px;
}

div.crib div.source {
    text-align: right;
    margin-top: 2px;
    margin-bottom: 0px;
}

div.crib table {
    border-collapse: collapse;
}

div.crib td.bars {
    width: 5em;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    margin-top: 0pt;
    margin-bottom: 0pt;
    padding-right: 5px;
    border-right: 2px solid #888;
}

div.crib td.desc {
    text-align: left;
    vertical-align: top;
    padding-left: 5px;
    margin-top: 0pt;
    margin-bottom: 0pt;
}

div.crib td.title {
    text-align: left;
    font-weight: bold;
}

div.crib td.expl {
    text-align: left;
    font-style: italic;
}

div.crib dl {
    padding: 0;
    margin: 0;
}

div.crib dt { 
    float: left;
    clear: left;
    width: 5em;
    text-align: right;
    font-weight: bold;
/*    padding-right: 5px;*/
}

div.crib dd {
    border-left: 2px solid #888;
    margin-left: 5.5em;
    padding-left: 5px;
}

div.crib p { 
    padding: 0;
    margin: 0;
}

div.crib form.cribcomment {
    display: inline;    
}

div.crib .cribtitleline {
    margin-bottom: 5px;
}

div.crib span.cribtitle {
    font-weight: bold;
}

form.cribcommentform th, form.cribaddform th {
    text-align: right;
    vertical-align: top;
}

form.cribaddform textarea { 
    width: 50em;
}

table.cribstats {
    border: 2px solid #bbb;
}

table.cribstats * th {
    text-align: left;
    border-bottom: 2px solid #bbb;
}

table.cribstats * td.count {
    text-align: right;
    border-left: 1px solid #bbb;
}

table.cribstats * td.total {
    border-top: 2px solid #bbb;
}

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

form.scddatacommentform th {
    text-align: right;
    vertical-align: top;
}

form.scddatacommentform * textarea,
form.scddatacommentform * input[type="text"] {
    width: 40em;
}

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

table.locform th {
    text-align: right;
    vertical-align: top;
}

table.locform select {
    width: 50%;
}

table.locform #id_name, table.locform #id_address {
    width: 50%;
}

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

table.registerform th {
    text-align: right;
    vertical-align: top;
    width: 12em;
}

table.registerform td input[type="text"], table.registerform td input[type="password"] {
    width: 20em;
}

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

table.scheduledates { 
    margin: 10px 0px;
}

table.scheduledates th {
    text-align: right;
    padding-right: 10px;
}

table.scheduledates td.unavailable {
    color: #888;
    font-style: italic;
}

table.scheduledates .rating { 
    background: #eee;
    border: 1px solid black;
    height: 16px;    
    width: 100px;
}

table.scheduledates .rating div { 
    background: green;
}

table.scheduledates .rating span { 
    display: none;
}

table.scheduledates .pct { 
    text-align: right;
}

table.scheduleadmin {
    font-size: small;
    border-collapse: collapse;
}

table.scheduleadmin th { 
    text-align: left;
    border: 1px solid #ddd;
    padding: 3px;
}

table.scheduleadmin td { 
    border: 1px solid #ddd;
    text-align: center;
    padding: 3px;
}

table.scheduleadmin td.reply-Y {
    background: #88ff88;
}
table.scheduleadmin td.reply-N {
    background: #ff8888;
}
table.scheduleadmin td.reply-I {
    background: #ffff88;
}

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

table.message-navigation {
    margin-bottom: 10px;
}

table.message-navigation th {
    text-align: right;
}

div.tt {
    font-family: courier, fixed;
}

span.quote {
    color: #4477aa;
}

span.hl {
    background-color: #cccc00;
}

div.thread-message {
    border: 2px solid #bbb;
    margin-bottom: 10px;
}

div.thread-message h2 {
    margin-top: 0px;
    padding: 2px;
    background-color: #ffa29f;
}

div.thread-message-info {
    border-width: 0;
    width: 100%;
    padding: 1px;
    margin: 0px;
    margin-left: 5px;
}

div.thread-message-body {
    margin: 0px 0px 0px 5px;
}

div.search-stats {
    margin: 5px 0px;
    padding: 5px;
    border: 1px solid #bbb;
}

table.search-matches * td.search-match-n {
    text-align: right;
    vertical-align: top;
}

table.search-matches tr.search-match {
    padding-bottom: 10px;
}

span.match-info {
    font-size: smaller;
}

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

div.album {
    padding-top: 10px;
    display: block;
}

div.album-tn {
    width: 118px;
    height: 118px;
    float: left;
    margin: 0;
/*    background-color: #ccccff;*/
}

form.album-size-form, form.album-slideshow-form { 
    display: inline;
}

div.album-slideshow {
    padding-top: 10px;
    display: none;
}

div.album-slideshow slides { 
    margin: auto;
}

.album-slideshow img { 
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #eee;
}

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

.event-details tr th { 
  text-align: right;
  vertical-align: top;
  background-color: #cccccc;
  padding: 2px 5px;
}

.event-details tr td { 
  padding-right: 20px;
  vertical-align: top;
}

tr.field th { 
  font-weight: normal;
  color: #555555;
}

tr.required th { 
  font-weight: bold;
  color: #000;
}

.event-details td p { 
  margin-top: 0;
  margin-bottom: 0;
}

.event-details td input[type="text"] { 
  width: 100%;
}

.event-details * td ul.errorlist { 
  margin: 0px 0px 5px 0px;
  padding: 0px;
  background-color: #ffcccc;
  border: 1px solid #ff0000;
}

.event-details * td ul.errorlist li { 
  margin: 0px;
  padding: 0px;
}

.event-details * td p.help { 
  font-size: smaller;
}

.event-table { 
  width: 100%;
}

.event-table tr th {
  text-align: left;
  vertical-align: top;
  background-color: #cccccc;
  padding: 2px 5px;
}

.event-table * td { 
  padding: 0px 5px;
}

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

/* album importer */

ul.import {
    margin-left: 40px;
    font-size: smaller;
    padding: 5px;
}

ul.item-ok {
  background-color: #bbffbb;
}

ul.item-bad { 
  background-color: #ffbbbb;
}

ul.item-doubtful { 
  background-color: #ffffbb;
}