/* global temaplate style fix */
.container {
  overflow: visible;
}

/*  LAYOUT ELEMENTS  */

#main_content {
  width:100%;
  margin: 10px auto;
}


#main_content .header {
  border-bottom:1px solid #7D381F;
  color:#7D381F;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  font-size:11pt;
  font-weight:bold;
  margin-bottom:20px;
  padding-top:10px;
  width:100%;
  clear: both;
}

#main_content a {
  color: #7D381F;
  text-decoration: none;
}

#main_content th{
  color: #3B4416;
  text-decoration: none;
}

#main_content a:hover {
  color: #33160C;
  text-decoration: underline;
}

.warn {
    color: red;
    font-weight: bold;
}

/*  DIV's STYLES */

div.center{
  text-align: center;
}

td.center{
  text-align: center;
}

div.left{
  float: left;
  display: inline;
}

div.right{
  float: right;
  display: inline;
}

input.checkbox{
  border: none;
}

div.header_label{
  padding-bottom: 6px;
  font-weight:bold;
}

div.header_label_big{
  font-size:11pt;
  padding-bottom: 6px;
  font-weight:bold;
}

div.info{
  padding: 6px;
  color: #888888;
  background-color: #F6F6F6;
  border:1px dashed #7D381F;
  margin-bottom:10px;
}

div.info ul{
  padding: auto;
  margin: auto;
}

div.wrap{
  clear: both;
}

div.span{
  padding-right: 10px;
}


div#logout {
    float: right;
}

div.dialog{
  background:#FFFFFF;
  border:1px solid #DDDDDD;
  padding:10px;
}
/*  TABLES's STYLES  */

td.right{
  text-align: right;
  vertical-align: top;
  padding: 0 5px;
}

/* ----------- Styles for SUBMIT buttons ----------- */
p.buttons input.submit {
  margin-right: .6em;
  margin-top: .5em;
  width: auto;
  height: 2em;
  line-height: 2em;
  padding: 0 8px;
  font-size: 1.2em;
  background: #3b4416;
  color: white;
  border: 1px solid #3b4416;
}

p.buttons input.submit:hover {
  color: #3b4416;
  background: #fff;
  cursor: pointer;
  border-color: #3b4416;
}

p.buttons input.submit:active {
  color: white;
  background: #3b4416;
  border-color: #3b4416;
  outline: none;
}

input.submit {
  margin-right: 2px;
  margin-bottom: 2px;
  padding: 0 2px;
  width: auto;
  background: #3b4416;
  color: white;
  border: 1px solid #3b4416;
}

input.submit:hover {
  color: #3b4416;
  background: #fff;
  cursor: pointer;
  border-color: #3b4416;
}

input.submit:active {
  color: white;
  background: #3b4416;
  border-color: #3b4416;
  outline: none;
}

input.submit_delete {
  background:url("../images/delete.png") no-repeat left top;
  width: 22px;
  height: 22px;
  border: 0px;
}
input.submit_delete:hover {
  background:url("../images/delete.png") no-repeat left top;
  width: 22px;
  height: 22px;
  border: 0px;
  cursor: pointer;
}

input.submit_add {
  background:url("../images/add.png") no-repeat left top;
  width: 22px;
  height: 22px;
  border: 0px;
}
input.submit_add:hover {
  background:url("../images/add_hover.png") no-repeat left top;
  width: 22px;
  height: 22px;
  border: 0px;
  cursor: pointer;
}

input.submit_print {
  background:url("../images/printer.png") no-repeat left top;
  width: 22px;
  height: 22px;
  border: 0px;
}
input.submit_print:hover {
  background:url("../images/printer.png") no-repeat left top;
  width: 22px;
  height: 22px;
  border: 0px;
  cursor: pointer;
}

input {
  border: 1px solid #3b4416;
}

input[readonly] {
  background: #e0e0e0;
}

select {
  border: 1px solid #3b4416;
}


/* ----------- Styles for MENU tabs ----------- */

#tabs {
  float:left;
  width:100%;
  font-size:10pt;
  font-weight:bold;
  line-height:normal;
  border-bottom:1px solid #7D381F;
  overflow:hidden;
  }

#tabs ul {
  margin:0;
  padding:10px 10px 0 0px;
  list-style:none;

  }

#tabs li {
  display:inline;
  margin:0;
  padding:0;
  }

#tabs a {
  float:left;
  background:url("../images/left.png") no-repeat left top;
  margin:0;
  padding:0 0 0 6px;
  text-decoration:none;
  }

#tabs a span {
  float:left;
  display:block;
  background:url("../images/right.png") no-repeat right top;
  padding:6px 15px 4px 6px;
  margin-right:2px;
  color:#FFF;
  }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
  }

#tabs a:hover {
  background-position:0% -42px;
  }

#tabs a:hover span {
  background-position:100% -42px;
  }

#tabs a.static {
  background-position:0% -84px;
  color: #7D381F;
  }

#tabs a.static span {
  background-position:100% -84px;
  color: #7D381F;
  }

/* submenuShooting */
#submenuShooting {
  float:right;
  text-align: right;
  width:100%;
  font-size:9pt;
  line-height:normal;
  overflow:hidden;
  height: 20px;
  }

#submenuShooting a {
  text-decoration:none;
  }

#submenuShooting a span {
  display:inline;
  background-color: #7D381F;
  padding: 2px 3px 2px 3px;
  color:#FFF;
  }

#submenuShooting a:hover {
  background-color: #33160C;
  }

#submenuShooting a:hover span {
  background-color: #33160C;
  }

#submenuShooting a.static {
  background-color:#FFF;
  color:#7D381F;

  }

#submenuShooting a.static span {
  background-color:#FFF;
  color: #7D381F;
  border:1px solid #7D381F;
  }

/* submenuArchery */
#submenuArchery {
  float:right;
  text-align: right;
  width:100%;
  font-size:8pt;
  line-height:normal;
  overflow:hidden;
  height: 20px;
  }

#submenuArchery a {
  text-decoration:none;
  }

#submenuArchery a span {
  display:inline;
  background-color: #3B4416;
  padding: 2px 2px 2px 2px;
  color:#FFF;
  }

#submenuArchery a:hover {
  background-color: #33160C;
  }

#submenuArchery a:hover span {
  background-color: #33160C;
  }

#submenuArchery a.static {
  background-color:#FFF;
  color:#3B4416;

  }

#submenuArchery a.static span {
  background-color:#FFF;
  color: #3B4416;
  border:1px solid #3B4416;
  }

/*  BY ID STYLES  */

/* login page */
div#first_time_users{
  padding-right: 90px;
  width: 430px;
}

table#first_time_users_table td, table#user_login_table td{
  padding-bottom: 3px;
}

/* home page */
div#home_info{
  padding-top: 30px;
}

/* roster page */

table#students_table, table#coaches_table, table#results_table, table#teams_table{
  border-collapse:collapse;
  border: 1px solid black;
}

table.schedule_table {
  border-collapse:collapse;
  border: 1px solid black;
  margin-bottom: 3px;
}

table.stat_table {
  border-collapse:collapse;
  border: 1px solid black;
}

#form_table td{
  padding : 3px;
}

table#students_table td, table#coaches_table td, table#results_table td, table#teams_table td, pagin_table td{
  text-align: left;
  padding: 3px;
}

table.schedule_table td{
  padding: 3px;
}

th.th_black_right, td.black_right{
  border-right: 1px solid black;
}

th.table_header{
  color: #3b4416;
  background-color: #C9D3A0;
  border-bottom: 1px solid black;
  text-align: left;
  padding: 2px;
}

#main_content th.table_header a{
  color: #3b4416;
  background-color: #C9D3A0;
  text-align: left;
  padding: 2px;
}

td.top{
  text-align: left;
  vertical-align: top;
  padding: 3px;
}

tr.bg_gray{
  background-color: #DDE0D0;
}

/*shooting teams */
div#unass_students_sel{
  padding-right: 50px;
}

select#unassigned_students{
  width: 200px;
}

select.sel_team{
  width: 180px;
}

div.team{
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #7D381F;
}

div.team_name{
  padding-bottom: 10px;
}

div.arrows{
  padding-left: 20px;
}

div.sel{
  padding-left: 10px;
}

/* archery teams */
div#title_archery_teams{
  padding-bottom: 20px;
}

div#save_archery{
  padding-top: 15px;
}

td.arch_left{
  width: 120px;
  text-align: right;
  vertical-align: bottom;
  padding-right: 5px
}

td.arch_right{
  width: 120px;
  text-align: left;
  vertical-align: bottom;
  padding-left: 2px
}

select.sel_arch{
  width: 110px;
}

select.sel_team{
  width: 270px;
}

table.archery td{
  height: 23px;
}

td.elementary_archery_students{
  padding-right: 5px;
  vertical-align: top;
}

td.middle_archery_students{
  border-left:1px solid #7D381F;
  border-right:1px solid #7D381F;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: top;
}

td.senior_archery_students{
  padding-left: 8px;
  vertical-align: top;
}

/* Create account form */
table.pass_entry {
  border:0px;
  background-color: #FFFFFF;
}

table.pass_entry td{
  padding: 3px;
}

input#pass_submit {
  margin-right: .6em;
  margin-top: .5em;
  width: auto;
  height: 2em;
  line-height: 2em;
  padding: 0 8px;
  font-size: 1.2em;
  background: #3b4416;
  color: white;
  border: 1px solid #3b4416;
}

input#pass_submit:hover {
  color: #3b4416;
  background: #fff;
  cursor: pointer;
  border-color: #3b4416;
}

input#pass_submit:active {
  color: white;
  background: #3b4416;
  border-color: #3b4416;
  outline: none;
}

table#size_report{
  border-collapse:collapse;
  border: 1px solid black;
}

table#size_report td{
  text-align: right;
  padding: 3px;
}

table#size_report td.left{
  text-align: left;
  padding: 3px;
}

table#size_report th{
  text-align: left;
  padding: 3px;
}

@media print {
   th, td{
     border: 1px solid black;
  }
}