/* 
   Styles used specifically by the new, show, and edit screens for the rounds
*/

coursediv.tooltip_helper {
    width: 20px;
    height: 20px;
    background: url(/images/help.png) transparent;
}

    .hole_button:hover {
      background-position: left center;
    }


    .hole_button {
      background-image: url(/images/hole_number_bg_sprite.png);
      display:block;
      width: 20px;
      height: 20px;
      float:left;
      margin: 5px;
      text-align:center;
      line-height: 20px;
      background-position: left top;
      cursor: pointer;
    }

    .hole_button.active{
      background-position: left bottom;
    }
    #increment_button{
      background-image: url(/images/arrow_right_sprite.png);
      display:block;
      text-indent: -9999px;
      width: 20px;
      height: 20px;
      float:left;
      margin: 5px;
      background-position: top;
      cursor: pointer;
    }

    #increment_button:hover{
      background-position: bottom;
    }

    #decrement_button{
      background-image: url(/images/arrow_left_sprite.png);
      text-indent: -9999px;
      display:block;
      width: 20px;
      height: 20px;
      float:left;
      margin: 5px;
      background-position:top;
      cursor: pointer;
    }

    #decrement_button:hover{
      background-position: bottom;
    }

    .active {
      background-color: #6666FF;
    }


    .shot-number {
      font-weight: bold;
    }
    .shot-details {
      background-color: #BBBBFF;
      width: 150px;
      margin-top: 5px;
      margin-bottom: 5px;
      padding-top:5px;
      padding-bottom:5px;
      padding-left:20px;
      padding-right: 5px;
    }

    .shot-details-active {
      background-color: #6666FF;
      width: 150px;
      margin-top: 5px;
      margin-bottom: 5px;
      padding-top:5px;
      padding-bottom:5px;
      padding-left:20px;
      padding-right: 5px;
    }


    .shot-details-add {
      background: transparent url(/plugin_assets/community_engine/images/icons/add.png) no-repeat scroll left center;
      padding-left: 20px;
      width: 150px;
      background-color: #BBBBFF;
      margin-top: 5px;
      margin-bottom: 5px;
      padding-top:5px;
      padding-bottom:5px;
      padding-right: 5px;
      clear: both;
    }

 #score_input tr.odd {
    background-color: white;
    text-align: center;
  }

 #score_input tr.even {
    background-color: #99FF99;
    text-align: center;
  }

 div.validation-error {
    width: 20px;
    height: 20px;
    background: url(/images/error.png) transparent;
  }
  .validation-error {
    color:red;
    font-weight: bold;
    background-color: white;
  }
 #score_input  td {
    padding-left: 5px;
    padding-right: 5px;
  }
  #score_input th {
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .large-submit {
    width: auto;
    height: 40px;
    font-size: 18px;
    margin-top: 10px;
    color: #fff;/*#6b5e2b;*/
    background-color: #6b5e2b;/*#ffa;*/
    border: 5px solid #a96;
  }

  .large-submit:hover{background:#430;}

  /* Mainly from the courses/show screen */
  .course_table  { border-collapse: collapse; font-family: verdana; font-size: 12px}
  .course_table td{border-width: 1px; border-style: solid; border-color: black; text-align: center}
   td.no-border{border-width: 0px}
  .course_table th{border-width: 1px ; border-style: solid;padding:3px; border-color: black; text-align: center}
  .course_table .hole-number { font-weight: bold }
  .course_table .par { background-color: #CCCCCC; color: black }
  .course_table .black-tee-value { background-color: #222222; color: white }
  .course_table .white-tee-value { background-color: white; color: black }
  .course_table .yellow-tee-value { background-color: #FF6; color: black }
  .course_table .blue-tee-value { background-color: #66F; color: black }
  .course_table .red-tee-value { background-color: #F31; color: black }
  .course_table .index { background-color: green; color: black }

.layout_table_cell {
    border:0px;
    vertical-align:top;
}
  /* The round list table */
  #round_table {
    width:100%
}
#round_table th {
    padding-left:10px;
    padding-right:10px;
}
#round_table td {
    padding-left:10px;
    padding-right:10px;
    border-bottom: #CCC 1px dotted;
    }
#round_table tr:hover {
 background-color: #dfd;
}

/* For the show round screen */

        ul#round_tab_links{
          width: 100%;
        }

        ul#round_tab_links li {
          display: inline;
        }

        ul#round_tab_links li a{
          display: block;
          padding: 5px 0px;
          text-decoration: none;
          font-weight: bold;
          width: 20%;
          float: left;
          font-size: 110%;
          text-align: center;
          background-color: #DFD;
          border-width: 1px 1px 1px 1px;
          border-color: green;
          border-style: solid;
          -moz-border-radius-topright : 9px;
          -moz-border-radius-topleft : 9px;
          -webkit-border-top-right-radius : 9px;
          -webkit-border-top-left-radius : 9px;
        }
        ul#round_tab_links li span.spacer{
          display: block;
          width: 10px;
          padding: 6px 0px 5px 0px;
          float: left;
          border-width: 0px 0px 1px 0px;
          border-color: green;
          border-style: solid;
          font-weight: bold;
          font-size: 110%;
        }


        ul#round_tab_links li a.active {
          background-color: white;
          border-width: 1px 1px 0px 1px;
        }

        div.table_container {
          float: left;
          margin: 10px 20px 10px 0;
        }

        table.round_statistics {
          margin: 5px;
        }

        table.round_statistics tr td {
          border-bottom: 1px dotted green;
          min-width: 40px;
          text-align: center;
          padding:2px;
        }

        table.round_statistics tr.sum_row td {
        font-weight:bold;
            }

        table.round_statistics tr th {
          text-align: center;
          padding-left: 3px;
          padding-right: 3px;
        }

table.round_statistics tr:hover {
    background-color: #EFD;
}

/* Style for the club details list*/
ul#club_details {
  display:block;
  float:right;
  margin-right: 20px;
}

ul#club_details li{
padding: 3px 0;
border-bottom: 1px dotted #a2a19b;
padding-left: 20px;
background-color: transparent;
background-position: left center;
background-repeat: no-repeat;
}

ul#club_details li.email{background-image: url(/plugin_assets/community_engine/images/icons/email.png) }
ul#club_details li.homepage{background-image: url(/images/icons/home-16.png) }
ul#club_details li.phone{background-image: url(/images/icons/phone-16.png) }

/* Round details list */

ul#round_details li{
padding: 3px 0;
border-bottom: 1px dotted #a2a19b;
padding-left: 20px;
background-color: transparent;
background-position: left center;
background-repeat: no-repeat;
}

ul#round_details li.course{background-image: url(/images/icons/golf_pin-16.png) }
ul#round_details li.date{background-image: url(/plugin_assets/community_engine/images/icons/date.png) }
ul#round_details li.tee{background-image: url(/images/icons/peg_ball-16.png) }
ul#round_details li.score{background-image: url(/images/icons/tot_nr_of_shots-16.png) }
ul#round_details li.extrashots{background-image: url(/images/icons/ball-16.png) }
ul#round_details li.pointsscore{background-image: url(/images/icons/ball-16.png) }
ul#round_details li.player{background-image: url(/images/icons/user-16.png) }
ul#round_details li.round_club{background-image: url(/images/icons/home-16.png) }

/* Club list */
.club {
    clear: both;
    margin-bottom:10px;
}
.club a {
    float:left;
    padding: 3px 10px 3px 3px;
    font-weight: bold;
    text-transform: uppercase;
}
.club ul.course_list {
    float:left;
}

.club ul.course_list li.course a{
        font-weight: normal;
        text-transform: none;
        background-image: url(/images/icons/golf_pin-16.png) ;
        padding: 3px 0;
        border-bottom: 1px dotted #a2a19b;
        padding-left: 20px;
        background-color: transparent;
        background-position: left center;
        background-repeat: no-repeat;
        clear:left; /* Needed for IE */

    }