body { background-color: #fff; color: #333; margin: 0px;}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #1031be; }
a:visited { color: #1031be; }
a:hover { color: #fff; background-color:#89a5df; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.clearer {  display: block; clear: both; margin: 0; padding: 0; }

/*  Header styles */
#header { background: url('/images/header-gradient.jpg') repeat-x; }
#header a:hover { background-color: transparent; }

#header #auth { position: absolute; top: 0; right: 0; width: 300px;}

#footer { font-size: xx-small; text-align: center; width: 75%; }

/* Main page body */
#content { margin: 10px 25px 0 25px; }

.fineprint { font-size: xx-small; }
.largeprint { font-size: large; }
.bold { font-weigth: bold; }
.action_link { font-weight: bold; margin: 0 0 10px 0; }

.menu { position: relative; top: -20px; right: -75px;
        border: 1px solid black; display: none;
        width: 100px; background-color: #89a5df; z-index: 1;}
.close_menu { font-size: x-small; font-weight: bold; float: right;}

/* Requirements list */
.rank_row { margin: 10px; padding: 10px; width: 100%; border: 2px solid #89a5df; -webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px; }
.rank_row .rank_image a:hover { background-color: transparent; }
.rank_row .rank_name { font-weight: bold; }
.rank_row .rank_name_medium { font-weight: bold; font-size: large; }
.rank_row .rank_name_large { font-weight: bold; font-size: x-large; }
.rank_row .rank_desc { padding: 10px 0 10px 30px; width: 80%; }
#new_requirement { padding: 0 0 0 20px; }

/* Scout list */
.scout_row {  }
.scout_row .scout_name { font-weight: bold; }
.scout_row .scout_actions { font-size: xx-small; }

/* Scout show */
#scout_show {  }
#scout_show .rank { float: left; margin: 0 40px 0 0; }
#scout_show .attributes { width: 75%; margin: 0px; padding: 10px; }
#scout_show .attributes .attribute { padding: 0 0 10px 0; }
#scout_show .attributes .attribute_large { font-size: xx-large;
                                           padding: 0 0 20px 0; }

#scout_show #advancement_instructions { padding: 10px; margin: 0 0 10px 0;
  border: 1px solid #1031be; background-color: #cedaf2; }

/* Den list */
.den_row {  }
.den_row .den_name { font-weight: bold; padding: 0 10px 0 0; }
.den_row .den_details { font-size: xx-small; padding: 0 10px 0 0; }
.den_row .den_actions { font-weight: bold; font-size: xx-small; }

/* Adult list */
.adult_row {  }
.adult_row .adult_name { font-weight: bold; padding: 0 10px 0 0; }
.adult_row .adult_details { font-size: xx-small; padding: 0 10px 0 0; }
.adult_row .adult_status { font-weight: bold; font-size: xx-small; padding: 0 10px 0 10px; }
.adult_row .adult_actions { font-weight: bold; font-size: xx-small; }

/* Advancement */
#left_column { padding: 10px 5px 0 20px; margin: 0 10px 0 0; width: 45%; float: left;}
#completed_tasks { }
#remaining_tasks { padding: 10px 0 0 0; clear: left; }
#right_column { padding: 30px 0 0 0; margin: 0 0 0 10px; width: 45%; float: left;}

.advancement_task_category { padding: 5px 0 0 25px; font-style: italic; text-decoration: underline; }
.advancement_task_list { list-style: none; padding: 0 0 0 40px; margin: 0; }
.advancement_task_list .name { margin: 0 8px 0 0; float: left; }
.advancement_task_list .todo { color: red; float: left; margin: 0 8px 0 0; }
.advancement_task_row { clear: left; }
.advancement_task_details { padding: 0 0 0 20px; }
.advancement_task_details .requirement_row { clear: left; }
.advancement_task_details .requirement_row .name { font-style: italic; margin: 0 5px 0 0; float: left; }
.advancement_task_details .requirement_row .signoff_block { padding: 0 0 0 20px; float: left; clear: left;}
.advancement_task_details .requirement_row .signoff_block .label { float: left; font-weight: bold; }
.advancement_task_details .requirement_row .signoff_block .value { float: left; margin: 0 0 0 5px; }
.advancement_task_details .requirement_row .signoff_block .value .todo { color: red; font-weight: bold; float: left; }

#advancement { border: 1px solid #666; clear: both; background: #CEDAF2; padding-top: 2em; float: left; width: 100% }
#columns { background: #FFFDF3; width: 100%; float: left; }
#advancement_tabs {position: relative; width: 100%; height: 3em; font-size: x-small;}
#advancement_tabs ul#primary {margin: 0; padding: 0; position: absolute; bottom: -1px; }
#advancement_tabs ul#primary li { display: inline; list-style: none; }
#advancement_tabs ul#primary a,#advancement_tabs ul#primary span,#advancement_tabs ul#primary a.current {
  width: 125px; display: block; float: left; padding: 4px 0; margin: 1px 2px 0 0; text-align: center;
  font-family: tahoma, verdana, sans-serif; font-size: 85%; text-decoration: none; color: #333;}
#advancement_tabs ul#primary span,#advancement_tabs ul#primary a.current,#advancement_tabs ul#primary a.current:hover {
  border: 1px solid #666; border-bottom: none; background: #CEDAF2; padding-bottom: 6px; margin-top: 0; }
#advancement_tabs ul#primary a {background: #EDF1FC; border: 1px solid #AAA; border-bottom: none; }
#advancement_tabs ul#primary a:hover { margin-top: 0; border-color: #666; background: #EDEEE8; padding-bottom: 5px; }
#advancement_tabs ul#secondary { position: absolute; margin: 0; padding: 0; bottom: -1.4em; left: 1px; width: 50em; }
#advancement_tabs ul#secondary li a,#advancement_tabs ul#secondary li span { display: block; float: left;
  padding: 0 10px; margin: 0; text-align: auto; border: none; border-right: 1px dotted #AAA; background: none; }
#advancement_tabs ul#secondary li a { color: #06C; text-decoration: underline; }
#advancement_tabs ul#secondary li a:hover { color: #333; background: transparent;
  padding: 0 10px; border: none; border-right: 1px dotted #AAA; }
#advancement_tabs ul#secondary li a:active { color: #000; background: transparent; }
#advancement_tabs ul#secondary li:last-child a { border: none; }

/* Pending requirements */
.pending_requirement { padding: 10px; border: 1px solid #1031be; margin-bottom: 10px; }
.pending_requirement .name { font-size: medium; text-decoration: underline; color: #1031be; }
.pending_requirement .description { background: #dfdfdf; margin: 10px 0 0 10px; width: 70%; }
.pending_requirement .scouts { padding: 10px 0 0 10px; }
.pending_requirement .scouts .scout { margin: 0 0 0 25px; }

/* Messages */
.message_actions { background-color: #dcdcdc; width: 500px; font-size: x-small; color: #000; }
.message_actions a { color: #000; }
.message_actions a:visited { color: #000; }
.message_actions a:hover { color: #000; }

.message_header { padding: 0 0 0 10px; }
.message_unread { font-weight: bold; }
.message_body { border-top: 1px solid grey; padding: 0 0 0 10px; margin: 10px 0 0 0; width: 500px; }
.message_list_header { text-align: left; background: #CEDAF2; border-right: 1px solid #1031be; }

.scout_awards { margin: 10px; padding: 10px; float: left; width: 90%; }
.awards_list { clear: left; }
.awards_list .award { float: left; border: 1px solid black; text-align: center;
                      position: relative; margin: 10px;}

/* Pagination bar */
.pagination { margin: 10px 0 0 25px; font-size: x-small; }