/*
-------------------------------------------------------------------------------
Lakeshore Playground
  Main CSS

Written by Robert J. Rouquette
Date: 6:00 PM 8/08/2007
-------------------------------------------------------------------------------
Page Wide Styles

All of the code in this section is for the default styles of content on
the page.
*/

body {
  background-color: #006000;
  
  text-align: center;
  
  color: #000000;
  font-family: "Arial",serif;
  font-size: 14px;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  /* font-stretch: normal; Not available in CSS 2.1 */
  
  margin-top:    0px;
  margin-bottom: 0px;
  margin-left:   0px;
  margin-right:  0px;
}

p {
  margin: 0px 0px 0px 0px;
}

img {
  border: 0px none #000000;
}

input, input.text, input.password, textarea {
  height: 16px;
  font-size: 14px;
  font-family: "Arial";
  font-weight: normal;
  border: 1px solid #c0c0c0;
  padding: 2px 2px 2px 2px;
  color: #000000;
  background-color: #ffffff;
  vertical-align: middle;
}

input:hover, input.text:hover, input.password:hover, textarea:hover {
  background-color: #e0ffe0;
}

button, input.button {
  height: 22px;
  font-size: 14px;
  font-family: "Arial";
  font-weight: normal;
  border: 1px solid #c0c0c0;
  padding: 0px 4px 2px 4px;
  color: #000000;
  background-color: #f0f0f0;
  vertical-align: middle;
  cursor: pointer;
}

button:hover, input.button:hover {
  background-color: #ffffd0;
}

input.check {
  height: 16px;
  width: 16px;
  font-size: 14px;
  font-family: "Arial";
  font-weight: normal;
  border: 1px solid #c0c0c0;
  padding: 0px 0px 0px 0px;
  color: #000000;
  background-color: #f0f0f0;
  vertical-align: middle;
  cursor: pointer;
}

input.check:hover {
  background-color: #e0ffe0;
}

select {
  color: #000000;
  background-color: #ffffff;
}

hr {
  height: 2px;
  border: 0px none #c0c0c0;
  color: #c0c0c0;
  background-color: #c0c0c0;
}

/* Used for context menus */
div.context_menu {
  position: absolute;
  z-index: 1000;
}

table.popup_menu {
  background-color: #ffffff;
  
  border-style: solid;
  border-width: 3px;
  border-color: #c0c0c0;
}

table.popup_menu
td {
  cursor: pointer;
  text-align: left;
}

table.popup_menu
td:hover {
  background-color: #7050ff;
  
  color: #ffffff;
}

/* Set the style for hyperlinks. */
a {
  color: #008000;
  text-decoration: none;
}
a:link {
  color: #008000;
  text-decoration: none;
}
a:hover {
  color: #00c000;
  text-decoration: underline;
}
a:active {
  color: #008000;
  text-decoration: none;
}

/* Set the style for lists. */
ul {
  margin-top: 0px;
  margin-bottom: 0px;
  
  list-style-image: url('/images/bullet.gif');
}
ul ul {
  list-style-image: url('/images/bullet2.gif');
}
ul ul ul{
  list-style-image: url('/images/bullet3.gif');
}
ul ul ul ul {
  list-style-image: url('/images/bullet.gif');
}
ul ul ul ul ul{
  list-style-image: url('/images/bullet2.gif');
}
ul ul ul ul ul ul{
  list-style-image: url('/images/bullet3.gif');
}

/*
-------------------------------------------------------------------------------
Header (Width Independent)

All of the code in this section is for the header of the page.
*/

#header_text {
  position: relative;
  width: 300px;
  float: left;
  margin-top: 40px;
  margin-left: 16px;
  
  text-align: left;
  
  color: #ffff80;
  font-size: 14px;
  font-weight: bold;
}

#header_title {
  font-size: 24px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#header_slogan {
  font-size: 18px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#header_address {
  font-size: 14px;
  margin: 16px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#user_info {
  /*position: relative;*/
  float: right;
  margin: 0px 32px 0px 0px;
  
  /*
  border-top: none;
  border-left: 1px solid #00c000;
  border-right: none;
  border-bottom: 1px solid #00c000;
  */
  border: none;
  
  text-align: left;
  
  padding: 0px 0px 0px 0px;
  
  font-size: 14px;
  font-weight: bold;
}

/* Set the style for hyperlinks. */
#user_info a {
  padding: 0px 8px 0px 8px;
  background-color: #ffff80;
  color: #008000;
  text-decoration: none;
}
#user_info a:link {
  padding: 0px 8px 0px 8px;
  background-color: #ffff80;
  color: #008000;
  text-decoration: none;
}
#user_info a:hover {
  padding: 0px 8px 0px 8px;
  background-color: #ffff80;
  color: #008000;
  text-decoration: underline;
}
#user_info a:active {
  padding: 0px 8px 0px 8px;
  background-color: #ffff80;
  color: #008000;
  text-decoration: none;
}

#user_info
.bottom {
  border: none;
  height: 8px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: transparent none no-repeat;
}

#user_info
.bottom
.bl {
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  background-image: url('/images/user-bl.gif');
  border: none;
}

#user_info
.bottom
.br {
  display: block;
  float: right;
  height: 8px;
  width: 8px;
  background-image: url('/images/user-br.gif');
  border: none;
}

#user_info
.bottom
.b {
  display: block;
  border: none;
  height: 8px;
  margin: 0px 8px 0px 8px;
  padding: 0px 0px 0px 0px;
  background-color: #ffff80;
}

/*
-------------------------------------------------------------------------------
Navigation (Width Independent)

All of the code in this section is for the navigation area of the page.
*/

#nav {
  float: left;
  
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  
  text-align: left;
  
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  
  background-color: #ffff80;
}

.nav_links {
  padding: 4px;
  
  margin-bottom: 16px;
}

/* Class just for the nav links. */
.nav_list {
  list-style-type: none;
  list-style-image: url('/images/bullet.gif');
  
  padding-top: 0px;
  padding-left: 0px;
  
  margin-top: 0px;
  margin-left: 16px;
  margin-bottom: 0px;
}

.nav_links_section {
  color: #004000;
  font-size: 18px;
}

/*
-------------------------------------------------------------------------------
Navigation Tabs (Width Independent)

All of the code in this section is for the navigation tabs on the page.
*/

.tab {
  display: block;
  border: none;
  margin: 8px 0px 8px 8px;
  padding: 0px 0px 0px 0px;
  background: transparent none no-repeat;
}

.tab:hover { 
  text-decoration : none;
}

.tab .top {
  display: block;
  border: none;
  height: 8px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffc0;
}

.tab.active .top {
  background-color: #ffffff;
}

.tab .top .left {
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  background-image: url('/images/tab-tl.png');
  border: none;
}

.tab.active .top .left {
  background-image: url('/images/corner-tl.png');
}

.tab .top .right {
  display: block;
  float: right;
  height: 8px;
  width: 8px;
  background-image: none;
  border: none;
}

.tab.active .top .right {
  background-image: none;
}


.tab .bottom {
  display: block;
  border: none;
  height: 8px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffc0;
}

.tab.active .bottom {
  background-color: #ffffff;
}

.tab .bottom .left {
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  background-image: url('/images/tab-bl.png');
  border: none;
}

.tab.active .bottom .left {
  background-image: url('/images/corner-bl.png');
}

.tab .bottom .right {
  display: block;
  float: right;
  height: 8px;
  width: 8px;
  background-image: none;
  border: none;
}

.tab.active .bottom .right {
  background-image: none;
}

.tab .text {
  display: block;
  color: #008000;
  font-weight: bold;
  font-size: 18px;
  margin: 0px 0px 0px 0px;
  padding: 0px 8px 0px 16px;
  background-color: #ffffc0;
}

.tab.active .text {
  background-color: #ffffff;
}

/*
-------------------------------------------------------------------------------
Body (Width Independent)

All of the code in this section is for the body of the page.
*/

#content_top {
  border: none;
  height: 8px;
  margin: 0px 8px 0px 150px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#content_top
.tl {
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  background-image: url('/images/corner-tl.png');
  border: none;
}

#content_top
.tr {
  display: block;
  float: right;
  height: 8px;
  width: 8px;
  background-image: url('/images/corner-tr.png');
  border: none;
}

#content_bottom {
  border: none;
  height: 8px;
  margin: 0px 8px 0px 150px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#content_bottom
.bl {
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  background-image: url('/images/corner-bl.png');
  border: none;
}

#content_bottom
.br {
  display: block;
  float: right;
  height: 8px;
  width: 8px;
  background-image: url('/images/corner-br.png');
  border: none;
}

#content {
  border-top: none;
  /*border-left: 1px solid #c0c000;*/
  border-right: none;
  border-bottom: none;
  
  min-height: 400px;
  
  margin: 0px 8px 0px 150px;
  padding: 0px 8px 0px 8px;
  
  background-color: #ffffff;
  
  text-align: left;
}

table.float_catcher {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 0px;
  text-align: center;
  font-weight: bold;
  width: 100%;
  border-collapse: collapse;
}

table.float_catcher td {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 0px;
  width: 100%;
}

.global_alert {
  color: #ffffff;
  background-color: #ff0000;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  margin: 0px 0px 4px 0px;
  border: 1px solid #c00000;
  padding: 0px 0px 2px 4px;
}

.global_alert
a {
  color: #ffffff;
}

.global_alert
.alert_time {
  float: right;
  width: 108px;
  background-color: #ffffff;
  color: #ff0000;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  border: none;
  border-left: 1px solid #c00000;
  margin: 0px 0px 0px 4px;
  padding: 0px 4px 2px 4px;
}

/*
-------------------------------------------------------------------------------
Page Width Dependent Code.
*/

/* This is the main layer of the page. */
#wrapper {
  width:     1024px;
  max-width: 1024px;
  min-width: 1024px;
  
  padding: 0px 0px 0px 0px;
  margin: 8px 0px 8px 0px;
  
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

/*
-------------------------------------------------------------------------------
Header

All of the code in this section is for the headr of the page.
*/

#header {
  width:     1024px;
  max-width: 1024px;
  min-width: 1024px;
  
  height:     150px;
  max-height: 150px;
  min-height: 150px;
  
  background-color: #404040;
  background-image: url("/images/banner_1024.png");
}

#header_top {
  border: none;
  height: 8px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffff80;
}

#header_top
.tl {
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  background-image: url('/images/header-tl.png');
  border: none;
}

#header_top
.tr {
  display: block;
  float: right;
  height: 8px;
  width: 8px;
  background-image: url('/images/header-tr.png');
  border: none;
}

#title {
  width:     1016px;
  max-width: 1016px;
  min-width: 1016px;
  
  height: 24px;
  
  /*border-top: 1px solid #00c000;*/
  border-left: none;
  border-right: none;
  border-bottom: none;
  
  background-color: #ffff80;
  font-size: 22px;
  font-weight: bold;
  
  color: #004000;
  
  text-align: center;
  
  padding: 4px;
}

.title_editing {
  background-image: url('/images/edit22.png');
  background-repeat: no-repeat;
  background-position: 998px center;
}

/*
-------------------------------------------------------------------------------
Body

All of the code in this section is for the body of the page.
*/

#body {
  width:     1024px;
  max-width: 1024px;
  min-width: 1024px;
  
  border: none;
  
  text-align: left;
  
  padding: 0px 0px 0px 0px;
  
  background-color: #ffff80;
}

.options {
  margin-left: 16px;
}

.option {
  margin-top: 4px;
  margin-bottom: 4px;
}

.option_slim {
  margin-top: 0px;
  margin-bottom: 0px;
}

.option .icon, .option_slim .icon {
  float: left;
}

.option .icon_right, .option_slim .icon_right {
  float: right;
}

.option .text, .option_slim .text {
  margin-left: 8px;
  margin-right: 8px;
}

/*
-------------------------------------------------------------------------------
Footer

All of the code in this section is for the header of the page.
*/

#footer {
  border: none;
  background-color: #ffff80;
  
  text-align: center;
  font-size: 12px;
  
  padding: 8px 8px 0px 8px;
  margin: 0px 0px 0px 0px;
}

#footer_left {
  float: left;
  width: 88px;
}

#footer_right {
  float: right;
  width: 88px;
}

#footer_errors {
  color: #ff0000;
}

.w3c_xhtml {
  display: block;
  height: 31px;
  width: 88px;
  background-image: url('/images/w3c.png');
  background-position: 0px 0px;
}

.w3c_css {
  display: block;
  height: 31px;
  width: 88px;
  background-image: url('/images/w3c.png');
  background-position: 0px -31px;
}

#footer_bottom {
  border: none;
  height: 8px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffff80;
}

#footer_bottom
.bl {
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  background-image: url('/images/footer-bl.png');
  border: none;
}

#footer_bottom
.br {
  display: block;
  float: right;
  height: 8px;
  width: 8px;
  background-image: url('/images/footer-br.png');
  border: none;
}


/*
-------------------------------------------------------------------------------
Lakeshore Playground
  Icon Sprite CSS

Written by Robert J. Rouquette
Date: 6:00 PM 8/08/2007
-------------------------------------------------------------------------------
Icon Sprite Styles
*/

.icon_view16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') 0px 0px no-repeat;
}

.icon_up16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -16px 0px no-repeat;
}

.icon_unknown16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -32px 0px no-repeat;
}

.icon_top16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -48px 0px no-repeat;
}

.icon_save16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -64px 0px no-repeat;
}

.icon_remove16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -80px 0px no-repeat;
}

.icon_print16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -96px 0px no-repeat;
}

.icon_people16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -112px 0px no-repeat;
}

.icon_notes16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') 0px -16px no-repeat;
}

.icon_launch16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -16px -16px no-repeat;
}

.icon_info16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -32px -16px no-repeat;
}

.icon_image16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -48px -16px no-repeat;
}

.icon_forward16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -64px -16px no-repeat;
}

.icon_folder16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -80px -16px no-repeat;
}

.icon_feed16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -96px -16px no-repeat;
}

.icon_edit16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -112px -16px no-repeat;
}

.icon_dir_end16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') 0px -32px no-repeat;
}

.icon_dir_cont16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -16px -32px no-repeat;
}

.icon_dir_child16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -32px -32px no-repeat;
}

.icon_date16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -48px -32px no-repeat;
}

.icon_back16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -64px -32px no-repeat;
}

.icon_cancel16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -80px -32px no-repeat;
}

.icon_config16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -96px -32px no-repeat;
}

.icon_add16 {
  display: block;
  height: 16px;
  width: 16px;
  background: transparent url('/images/icons16.png') -112px -32px no-repeat;
}


/* ---------------------------------------------------------------------------
Standard Table Style */

table.standard {
  border-collapse: collapse;
  background-color: #f0f0f0;
  border: 1px solid #c0c0c0;
}

table.standard
th {
  padding: 4px 8px 4px 8px;
}

table.standard
td {
  padding: 4px 8px 4px 8px;
}

table.standard
tr.odd
td {
  background-color: #f0fff0;
}

table.standard
tr.odd:hover
td {
  background-color: #ffffd0;
}

table.standard
tr.even
td {
  background-color: #e0ffe0;
}

table.standard
tr.even:hover
td {
  background-color: #ffffc0;
}


/*
-------------------------------------------------------------------------------
Lakeshore Playground
  Gallery CSS

Written by Robert J. Rouquette
Date: 6:00 PM 8/08/2007
-------------------------------------------------------------------------------
*/

table.gallery_folder {
  width: 100%;
}

table.gallery_folder
th {
  font-size: 24px;
  color: #004000;
  
  text-align:     center;
  vertical-align: middle;
}

table.gallery_folder
td {
  padding: 4px;

  width: 20%;
  
  font-size: 16px;
  
  text-align:     center;
  vertical-align: top;
  
  border: 1px solid #ffffff;
  background-color: #ffffff;
  
  cursor: pointer;
}

table.gallery_folder
td:hover {
  border: 1px solid #00c000;
  background-color: #c0ffc0;
}

table.gallery_folder
td.blank {
  cursor: default;
}

table.gallery_folder
td.blank:hover {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}

table.gallery_folder
div {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  background: transparent;
  border: 0px none #000000;
}

table.gallery_folder
p {
  margin: 0px 0px 0px 0px;
  
  font-weight: bold;
  font-size: 16px;
}

table.gallery_folder
img {
  border: 0px none #000000;
  
  height: 128px;
  width:  128px;
}

table.gallery_folder td a,
table.gallery_folder td a:link,
table.gallery_folder td a:hover,
table.gallery_folder td a:active {
  color: #000000;
  text-decoration: none;
}

#prescale_warning {
  color: #800000;
  background-color: #ffc0c0;
  font-weight: bold;
  cursor: pointer;
  font-size: 22px;
  padding: 4px 4px 4px 4px;
  text-align: center;
  border: 1px solid #800000;
  display: none;
}

.gallery_prev {
  float: left;
}

.gallery_next {
  float: right;
}

.gallery_thumbnail {
  display: block;
  height: 128px;
  width: 128px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  background-repeat: no-repeat;
}

.gallery_thumbtext {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 0px;
  background: transparent none no-repeat;
  font-weight: bold;
  color: #000000;
}

.gallery_thumb {
  display: block;
  height: 128px;
  width: 128px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background: transparent none no-repeat;
}

.gallery_thumbLoad {
  display: block;
  height: 128px;
  width: 128px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background: transparent url('/images/indian128.png') no-repeat;
}


/*
-------------------------------------------------------------------------------
Lakeshore Playground
  Media CSS

Written by Robert J. Rouquette
Date: 8:03 PM 04/25/2013
-------------------------------------------------------------------------------
*/

.attachment {
    display: block;
    background-color: #f0f0f0;
    background-image: url('/images/file_types/binary.png');
    background-position: 4pt 4pt;
    background-size: 38pt 38pt;
    background-repeat: no-repeat;
    padding: 4pt 4pt 4pt 44pt;
    border-radius: 4pt 4pt 4pt 4pt;
    border: 2pt solid #e0e0e0;
    margin: 4pt 0pt 4pt 0pt;
}

.attachment:hover {
    text-decoration: none;
    background-color: #f8f8f8;
}

.attachment .remove {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    background: transparent url('/images/icons16.png') -80px 0px no-repeat;
}

.attachment .name {
    display: block;
    padding: 4pt 4pt 2pt 4pt;
    font-size: 12pt;
    text-decoration: none;
    color: #000000;
}

.attachment .size {
    display: block;
    float: left;
    width: 80px;
    padding: 2pt 4pt 4pt 4pt;
    font-size: 10pt;
    text-decoration: none;
    color: #000000;
}

.attachment .type {
    display: block;
    padding: 2pt 4pt 4pt 4pt;
    font-size: 10pt;
    text-decoration: none;
    color: #000000;
}

.uploader {
    display: block;
    background-color: #f0f0f0;
    background-image: url('/images/file_types/upload.png');
    background-position: 4pt 4pt;
    background-size: 38pt 38pt;
    background-repeat: no-repeat;
    padding: 12pt 4pt 12pt 50pt;
    border-radius: 4pt 4pt 4pt 4pt;
    border: 2pt solid #e0e0e0;
    margin: 4pt 0pt 4pt 0pt;
}

.uploader:hover {
    text-decoration: none;
    background-color: #f8f8f8;
}

.uploader input {
    font-size: 12pt;
    height: 22pt;
}

.uploader .button {
  height: 22pt;
  font-size: 12pt;
  font-family: "Arial";
  font-weight: normal;
  border: 1pt solid #c0c0c0;
  padding: 2pt 4pt 2pt 4pt;
  color: #000000;
  background-color: #f0f0f0;
  vertical-align: middle;
  cursor: pointer;
}

.progress {
    display: none;
    background-color: #f0f0f0;
    background-image: url('/images/file_types/upload.png');
    background-position: 4pt 4pt;
    background-size: 38pt 38pt;
    background-repeat: no-repeat;
    padding: 4pt 4pt 4pt 44pt;
    border-radius: 4pt 4pt 4pt 4pt;
    border: 2pt solid #e0e0e0;
    margin: 4pt 0pt 4pt 0pt;
}

.progress .name {
    display: block;
    padding: 4pt 4pt 2pt 4pt;
    font-size: 12pt;
    text-decoration: none;
    color: #000000;
}

.progress canvas {
    display: block;
    width: 512px;
    margin: 2pt 0pt 4pt 4pt;
    height: 12pt;
    text-decoration: none;
    color: #000000;
}


/*
-------------------------------------------------------------------------------
Lakeshore Playground
  News CSS

Written by Robert J. Rouquette
Date: 6:00 PM 8/08/2007
-------------------------------------------------------------------------------
Headlines Style
*/

#headline_news {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 4px 0px;
  
  /*border: 1px solid #c0ffc0;*/
  border: none;
}

#picture_of_the_week {
  float: left;
  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  
  width: 316px;
  height: 316px;
  
  border: none;
  /*border-right: 1px solid #ffffff;/*
  /*border-bottom: 1px solid #00c000;*/
  border-radius: 8px 0px 0px 0px;
  
  background-color: #c0ffc0;
  background-image: url('/images/pow.php');
  background-repeat: no-repeat;
  background-position: center center;
  
  cursor: pointer;
}

#pow_caption {
  padding: 4px 4px 4px 4px;
  margin-left: 0px;
  
  border: none;
  border-left: 1px solid #c0ffc0;
  border-right: 1px solid #c0ffc0;
  border-bottom: 1px solid #c0ffc0;
  border-radius: 0px 0px 8px 8px;
  
  background-color: #ffffff;
  
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  
  text-align: left;
  vertical-align: top;
}

#headline_news_title {
  padding: 0px 0px 0px 0px;
  margin-left: 316px;
  
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  
  border: none;
  border-top: 1px solid #a0ffa0;
  border-right: 1px solid #a0ffa0;
  border-bottom: 1px solid #a0ffa0;
  border-radius: 0px 8px 0px 0px;
  
  /*background-color: #c0ffc0;*/
  
  font-weight: bold;
  font-size: 20px;
  color: #008000;
  
  text-align: center;
  vertical-align: middle;
}

#headline_news_list {
  padding: 0px 0px 0px 0px;
  
  overflow: auto;
  
  height: 289px;
  min-height: 289px;
  max-height: 289px;
  
  border: none;
  border-bottom: 1px solid #c0ffc0;
  border-right: 1px solid #c0ffc0;
  
  font-size: 16px;
}

.news_title {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #004000;
}

.news_body {
  text-align: justify;
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  
  margin-bottom: 16px;
  
  overflow: auto;
}

.news_date {
  margin: 4px 4px 4px 4px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
  font-size: 14px;
  
  color: #808000;
  
  float: right;
}
.news_title_edit {
  width: 836px;
  height: 16px;
  font-size: 14px;
  font-family: "Arial";
  font-weight: normal;
  border: 1px solid #c0c0c0;
  padding: 2px 2px 2px 2px;
  background-color: #ffffff;
  vertical-align: middle;
}

.news_title_edit:hover {
  background-color: #e0ffe0;
}

.news_body_edit {
  width: 836px;
  height: 250px;
  
  text-align: justify;
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  
  margin-bottom: 16px;
}

.edit_article_form {
  padding: 4px 4px 4px 4px;
  
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  
  background-color: #c0ffc0;
}

.news_edit_title_current {
  color: #000000;
}

.news_edit_title_expired {
  color: #c00000;
}

/*
--------------------------------------------------------------------------------
News Article Stub CSS
--------------------------------------------------------------------------------
*/

.news_stub {
  margin: 8px 0px 8px 0px;
  padding: 4px 4px 4px 28px;
  background-image: url('/favicon.ico');
  background-repeat: no-repeat;
  background-position: 4px 6px;
  background-size: 16px 16px;
  
  background-color: #ffffc0;
  color: #000000;
  font-size: 11px;
  text-decoration: none;
  min-height: 56px;
  border: 2px solid #f0f080;
  border-radius: 4px 4px 4px 4px;
  
  display: block;
}

.news_stub:link {
  text-decoration: none;
  color: #000000;
}
.news_stub:hover {
  background-color: #e0ffe0;
  border: 2px solid #b0f0b0;
  text-decoration: none;
  color: #000000;
}

.news_stub:visited {
  text-decoration: none;
  color: #000000;
}

.news_expired {
  color: #c00000;
}

.news_expired:link {
  text-decoration: none;
  color: #c00000;
}

.news_expired:hover {
  background-color: #e0ffe0;
  text-decoration: none;
  color: #c00000;
}

.news_expired:visited {
  text-decoration: none;
  color: #c00000;
}

.news_edit {
  margin: 8px 4px 8px 4px;
  padding: 4px 4px 4px 4px;
  border: 1px solid #00c000;
  border-radius: 4px 4px 0px 0px;
  background-image: none;
}

.news_stub
.date {
  margin: 0px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
  font-size: 14px;
  
  display: block;
  
  color: #808000;
  
  float: right;
}

.news_stub
.title {
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  font-size: 16px;
  
  display: block;
  
  /*white-space: nowrap;*/
  overflow: hidden;
  
  color: #00c000;
}

.edit_bar {
  margin: -9px 4px 8px 4px;
  padding: 4px 4px 4px 4px;
  font-weight: bold;
  font-size: 14px;
  
  border: 1px solid #00c000;
  border-radius: 0px 0px 4px 4px;
  background-image: none;
  
  color: #00c000;
  
  display: block;
}

.edit_bar
div.edit {
  margin: 0px 32px 0px 0px;
  display: block;
  float: left;
  color: #808000;
}

.edit_bar
div.delete {
  margin: 0px 32px 0px 0px;
  display: block;
  color: #800000;
}

.edit_bar
.icon {
  float: left;
}

.edit_bar
a.edit {
  margin: 0px 0px 0px 4px;
  color: #808000;
}

.edit_bar
a.delete {
  margin: 0px 0px 0px 4px;
  color: #800000;
}

.edit_bar
.editDT {
  margin: 0px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
  font-size: 13px;
  width: 200px;
  
  color: #000000;
  
  float: right;
  
  display: block;
}

.edit_bar
.exprDT {
  margin: 0px 0px 0px 4px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
  font-size: 13px;
  width: 150px;
  
  color: #000000;
  
  float: right;
  
  display: block;
}

.edit_bar
.exprDT.news_expired {
  color: #c00000;
}

/*
--------------------------------------------------------------------------------
News Article Headline CSS
--------------------------------------------------------------------------------
*/

.news_headline {
  margin: 4px 4px 4px 4px;
  padding: 2px 2px 2px 26px;
  font-weight: bold;
  font-size: 16px;
  
  background-image: url('/favicon.ico');
  background-repeat: no-repeat;
  background-position: 4px 4px;
  background-size: 16px 16px;
  
  display: block;
  
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  
  color: #00c000;
}

.news_attach {
  background-image: url('/images/file_types/pdf.png');
}

.news_headline
.title {
  margin: 0px 90px 0px 0px;
  padding: 0px 0px 0px 0px;
  
  white-space: nowrap;
  overflow: hidden;
  
  display: block;
}

.news_headline:hover {
  background-color: #e0ffe0;
  text-decoration: none;
}

.news_headline
.date {
  margin: 0px 0px 0px 4px;
  padding: 2px 2px 2px 2px;
  font-weight: normal;
  font-size: 14px;
  
  display: block;
  
  color: #808000;
  
  float: right;
}


/*
-------------------------------------------------------------------------------
Lakeshore Playground
  Schedule CSS

Written by Robert J. Rouquette
Date: 6:00 PM 8/08/2007
-------------------------------------------------------------------------------

*/

table.sched_events {
  border-collapse: collapse;
  
  width: 100%;
}

th.sched_events_title {
  border-top:    1px solid #c0c000;
  border-left:   1px solid #c0c000;
  border-right:  1px solid #c0c000;
  border-bottom: 1px solid #c0c000;
  
  background-color: #ffff80;
  font-size: 22px;
  font-weight: bold;
  color: #004000;
  text-align: center;
  vertical-align: middle;
  padding: 4px;
}

th.sched_event_date_head {
  border-top:    1px solid #00c000;
  border-left:   1px solid #00c000;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #c0ffc0;
  font-size: 18px;
  font-weight: bold;
  color: #004000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

th.sched_event_guest {
  border-top:    1px solid #00c000;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #c0ffc0;
  font-size: 10px;
  font-weight: bold;
  color: #004000;
  text-align: center;
  vertical-align: bottom;
  padding: 4px;
  
  white-space: nowrap;
  text-transform: uppercase;
  
  /* width: 1px; */
}

th.sched_event_teams {
  border-top:    1px solid #00c000;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #c0ffc0;
  font-size: 18px;
  font-weight: bold;
  color: #004000;
  text-align: center;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

th.sched_event_home {
  border-top:    1px solid #00c000;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #c0ffc0;
  font-size: 10px;
  font-weight: bold;
  color: #004000;
  text-align: center;
  vertical-align: bottom;
  padding: 4px;
  
  white-space: nowrap;
  text-transform: uppercase;
  
  /* width: 1px; */
}

th.sched_event_spacer {
  border-top:    1px solid #00c000;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #c0ffc0;
  font-size: 18px;
  font-weight: bold;
  color: #004000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
}

th.sched_event_notes {
  border-top:    1px solid #00c000;
  border-left:   none;
  border-right:  1px solid #00c000;
  border-bottom: 1px solid #00c000;
  
  background-color: #c0ffc0;
  font-size: 18px;
  font-weight: bold;
  color: #004000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

th.sched_no_events {
  border-top:    1px solid #c00000;
  border-left:   1px solid #c00000;
  border-right:  1px solid #c00000;
  border-bottom: 1px solid #c00000;
  
  background-color: #ffc0c0;
  font-size: 18px;
  font-weight: bold;
  color: #400000;
  text-align: center;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
}

/* Current scheduled events. */

th.sched_event_date {
  border-top:    1px solid #00c000;
  border-left:   1px solid #00c000;
  border-right:  1px solid #00c000;
  border-bottom: 1px solid #00c000;
  
  background-color: #c0ffc0;
  font-size: 18px;
  font-weight: bold;
  color: #004000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
}

th.sched_event_time {
  border-top:    none;
  border-left:   1px solid #00c000;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

td.sched_event_special_full {
  border-top:    none;
  border-left:   1px solid #00c000;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #008000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
}

td.sched_event_special {
  border-top:    none;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #008000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
}

td.sched_event_guest {
  border-top:    none;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

td.sched_event_teams {
  border-top:    none;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

td.sched_event_home {
  border-top:    none;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

td.sched_event_spacer {
  border-top:    none;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #00c000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
}

td.sched_event_notes {
  border-top:    none;
  border-left:   none;
  border-right:  1px solid #00c000;
  border-bottom: 1px solid #00c000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

/* Old scheduled events. */

th.sched_event_date_old {
  border-top:    1px solid #c00000;
  border-left:   1px solid #c00000;
  border-right:  1px solid #c00000;
  border-bottom: 1px solid #c00000;
  
  background-color: #ffc0c0;
  font-size: 18px;
  font-weight: bold;
  color: #400000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
}

th.sched_event_time_old {
  border-top:    none;
  border-left:   1px solid #c00000;
  border-right:  none;
  border-bottom: 1px solid #c00000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

td.sched_event_special_full_old {
  border-top:    none;
  border-left:   1px solid #c00000;
  border-right:  none;
  border-bottom: 1px solid #c00000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #800000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

td.sched_event_special_old {
  border-top:    none;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #c00000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #800000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

td.sched_event_guest_old {
  border-top:    none;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #c00000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

td.sched_event_teams_old {
  border-top:    none;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #c00000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

td.sched_event_home_old {
  border-top:    none;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #c00000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

td.sched_event_spacer_old {
  border-top:    none;
  border-left:   none;
  border-right:  none;
  border-bottom: 1px solid #c00000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
}

td.sched_event_notes_old {
  border-top:    none;
  border-left:   none;
  border-right:  1px solid #c00000;
  border-bottom: 1px solid #c00000;
  
  background-color: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  
  white-space: nowrap;
  
  /* width: 1px; */
}

/* Event row spacer. */

td.sched_event_row_space {
  height: 16px;
}

/* -----------------------------------------------------------------------------
Style info for the league index.
*/

table.sched_leagues {
  border-collapse: separate;
  
  width: 100%;
}

table.sched_leagues th {
  border-top:    1px solid #c0c000;
  border-left:   1px solid #c0c000;
  border-right:  1px solid #c0c000;
  border-bottom: 1px solid #c0c000;
  
  background-color: #ffff80;
  font-size: 22px;
  font-weight: bold;
  color: #004000;
  text-align: center;
  vertical-align: middle;
  padding: 4px;
  
  width: 50%;
}

table.sched_leagues td.boy {
  border-top:    1px solid #00c000;
  border-left:   1px solid #00c000;
  border-right:  1px solid #00c000;
  border-bottom: 1px solid #00c000;
  
  background-color: #c0ffc0;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  padding: 4px;
  
  width: 25%;
}

table.sched_leagues td.girl {
  border-top:    1px solid #c00000;
  border-left:   1px solid #c00000;
  border-right:  1px solid #c00000;
  border-bottom: 1px solid #c00000;
  
  background-color: #ffc0c0;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  padding: 4px;
  
  width: 25%;
}

table.sched_leagues td.empty {
  border-top:    1px solid #808080;
  border-left:   1px solid #808080;
  border-right:  1px solid #808080;
  border-bottom: 1px solid #808080;
  
  background-color: #f0f0f0;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  padding: 4px;
  
  width: 25%;
}

table.sched_leagues a {
  color: #000000;
}


/*
-------------------------------------------------------------------------------
Lakeshore Playground
  Note CSS

Written by Robert J. Rouquette
Date: 6:00 PM 12/06/2007
-------------------------------------------------------------------------------
The following code is for the notes.
*/

.note {
  border: 1px solid #008000;
  padding: 4px 4px 4px 4px;
  background-color: #ffffff;
  overflow: auto;
}

.note_side {
  float: right;
  border: 0px none #008000;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 216px;
}

.note_extra {
  border: 1px solid #008000;
  padding: 4px 4px 4px 4px;
  background-color: #ffffff;
  margin: 4px 4px 4px 4px;
}


/*
-------------------------------------------------------------------------------
Lakeshore Playground
  Page Number CSS

Written by Robert J. Rouquette
Date: 6:00 PM 8/08/2007
-------------------------------------------------------------------------------
The following code is for the page numbers.
*/

.page_numbers {
  background-color: #d0d0d0;
  color: #000000;
  
  padding: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

.page_numbers a {
  color: #000000;
  font-weight: bold;
  padding: 0px 4px 0px 4px;
}


/*
-------------------------------------------------------------------------------
Lakeshore Playground
  Statistics CSS

Written by Robert J. Rouquette
Date: 6:00 PM 8/08/2007
-------------------------------------------------------------------------------
Page Wide Styles

All of the code in this section is for the default styles of content on
the page.
*/

div.stat_above_average {
  padding: 0px 0px 0px 0px;
  
  border-top:    1px solid #00c000;
  border-left:   1px solid #00c000;
  border-right:  1px solid #00c000;
  border-bottom: 1px solid #00c000;
  
  background-color: #c0ffc0;
  
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

div.stat_below_average {
  padding: 0px 0px 0px 0px;
  
  border-top:    1px solid #c00000;
  border-left:   1px solid #c00000;
  border-right:  1px solid #c00000;
  border-bottom: 1px solid #c00000;
  
  background-color: #ffc0c0;
  
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

table.stat_24_hour {
  background-color: #ffffa0;
  
  border-top:    1px solid #c0c000;
  border-left:   1px solid #c0c000;
  border-right:  1px solid #c0c000;
  border-bottom: 1px solid #c0c000;
  
  border-collapse: collapse;
  
  width: 100%;
}

table.stat_24_hour th {
  text-align: center;
  vertical-align: middle;
}

table.stat_24_hour td {
  font-size: 12px;
  text-align: center;
  vertical-align: bottom;
  
  width: 4.166%;
}

table.stat_12_months {
  background-color: #ffffa0;
  
  border-top:    1px solid #c0c000;
  border-left:   1px solid #c0c000;
  border-right:  1px solid #c0c000;
  border-bottom: 1px solid #c0c000;
  
  border-collapse: collapse;
  
  width: 100%;
}

table.stat_12_months th {
  text-align: center;
  vertical-align: middle;
}

table.stat_12_months td {
  font-size: 12px;
  text-align: center;
  vertical-align: bottom;
  
  width: 8.333%;
}

table.stat_14_days {
  background-color: #ffffa0;
  
  border-top:    1px solid #c0c000;
  border-left:   1px solid #c0c000;
  border-right:  1px solid #c0c000;
  border-bottom: 1px solid #c0c000;
  
  border-collapse: collapse;
  
  width: 100%;
}

table.stat_14_days th {
  text-align: center;
  vertical-align: middle;
}

table.stat_14_days td {
  font-size: 12px;
  text-align: center;
  vertical-align: bottom;
  
  width: 7.142%;
}

table.stat_total {
  background-color: #ffffa0;
  
  border-top:    1px solid #c0c000;
  border-left:   1px solid #c0c000;
  border-right:  1px solid #c0c000;
  border-bottom: 1px solid #c0c000;
  
  border-collapse: collapse;
  
  width: 100%;
}

table.stat_total th.title {
  text-align: center;
  vertical-align: middle;
  padding: 4px 4px 4px 4px;
}

table.stat_total th {
  text-align: left;
  vertical-align: middle;
  padding: 4px 4px 4px 4px;
}

table.stat_total td {
  text-align: right;
  vertical-align: middle;
  padding: 4px 4px 4px 4px;
}

table.stat_total td.space {
  text-align: right;
  vertical-align: middle;
  padding: 4px 4px 4px 4px;
  width: 50%;
}

/*
-------------------------------------------------------------------------------
Lakeshore Playground
  File View CSS

Written by Robert J. Rouquette
Date: 6:00 PM 8/08/2007
-------------------------------------------------------------------------------
*/

table.file_view {
  background-color: #a0ffa0;
  
  width: 100%;
  height: 100%;
  
  border-collapse: collapse;
}

table.files {
  background-color: #a0ffa0;
  
  width: 100%;
  
  border-collapse: collapse;
  
  white-space: nowrap;
}

table.files
tr {
  background-color: #ffffff;
}

table.files
tr.odd {
  background-color: #f0fff0;
}

table.files
tr.even {
  background-color: #e0ffe0;
}

table.files
tr.even:hover {
  background-color: #ffffa0;
}

table.files
tr.odd:hover {
  background-color: #ffffa0;
}

table.files
td {
  padding: 2px 2px 2px 2px;
  cursor: pointer;
}

span.file {
  padding: 2px 2px 2px 2px;
  cursor: pointer;
}

table.file_path {
  border-collapse: collapse;
  
  white-space: nowrap;
}

table.file_path
td {
  padding: 2px 2px 2px 2px;
  cursor: pointer;
}

table.file_path
td.file_link:hover {
  padding: 2px 2px 2px 2px;
  cursor: pointer;
  background-color: #ffffa0;
}

input.file_name {
  width: 100%;
  height: 16px;
  font-size: 14px;
  font-family: "Arial";
  border: 0px none #000000;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
}

/*
-------------------------------------------------------------------------------
Lakeshore Playground
  Registration CSS

Written by Robert J. Rouquette
Date: 6:00 PM 8/08/2007
-------------------------------------------------------------------------------
The following code is for the registration page.
*/

table.register {
  border-collapse: collapse;
  background-color: #c0ffc0;
  width: 500px;
}

table.register
th {
  width: 200px;
  padding: 2px 2px 2px 4px;
}

table.register
td {
  width: 300px;
  padding: 2px 4px 2px 2px;
}

td.register_error {
  color: #800000;
  background-color: #ffc0c0;
  font-size: 16px;
  border: 1px solid #c00000;
  padding: 4px 4px 4px 4px;
}


/*
-------------------------------------------------------------------------------
Lakeshore Playground
  Administration CSS

Written by Robert J. Rouquette
Date: 9:41 PM 5/20/2009
-------------------------------------------------------------------------------
The following code is for the admin pages.
*/

/* ---------------------------------------------------------------------------
Permission Groups */

p.permission_group {
  margin-top: 16px;
  margin-bottom: 16px;
}

/* ---------------------------------------------------------------------------
Action Table Style */

.action_gray {
  color: #808080;
}

a.action_gray {
  color: #808080;
}

.action_green {
  color: #008000;
}

a.action_green {
  color: #008000;
}

.action_yellow {
  color: #808000;
}

a.action_yellow {
  color: #808000;
}

.action_orange {
  color: #804000;
}

a.action_orange {
  color: #804000;
}

.action_red {
  color: #800000;
}

a.action_red {
  color: #800000;
}

/* ---------------------------------------------------------------------------
Right Admin Panel */

div.admin_panel_right {
  float: right;
  width: 400px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* ---------------------------------------------------------------------------
Active Users Box */

div.active_users {
  border: 1px solid #00c000;
  padding: 4px 4px 4px 4px;
  margin: 4px 4px 4px 4px;
}

div.active_users
table {
  width: 100%;
}

/* ---------------------------------------------------------------------------
Active Guests Box */

div.active_guests {
  border: 1px solid #00c000;
  padding: 4px 4px 4px 4px;
  margin: 4px 4px 4px 4px;
}

div.active_guests
table {
  width: 100%;
}

/* ---------------------------------------------------------------------------
New Users Box */

div.new_users {
  border: 1px solid #00c000;
  padding: 4px 4px 4px 4px;
  margin: 4px 4px 4px 4px;
}

div.new_users
table {
  width: 100%;
}

/* ---------------------------------------------------------------------------
Recent Spiders Box */

div.recent_spiders {
  border: 1px solid #00c000;
  padding: 4px 4px 4px 4px;
  margin: 4px 4px 4px 4px;
}

div.recent_spiders
table {
  width: 100%;
}


/*
-------------------------------------------------------------------------------
Lakeshore Playground
  Team Page CSS

Written by Robert J. Rouquette
Date: 6:00 PM 8/08/2007
-------------------------------------------------------------------------------
*/

table.team_roster {
  background-color: #a0ffa0;
  
  width: 100%;
  
  border-collapse: collapse;
  
  white-space: nowrap;
}

table.team_roster
tr {
  background-color: #e0ffe0;
}

table.team_roster
tr.odd {
  background-color: #ffffe0;
}

table.team_roster
tr.even {
  background-color: #ffffff;
}

table.team_roster
th {
  padding: 2px 2px 2px 2px;
  border: 1px solid #00c000;
}

table.team_roster
td {
  padding: 2px 2px 2px 2px;
  border: 1px solid #00c000;
}

table.team_roster
a {
  color: #000000;
}

table.team_roster
input.inline {
  width: 100%;
  height: 16px;
  font-size: 14px;
  font-family: "Arial";
  border: 0px none #000000;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
}